xamarin的.如何在UWP ScrollViewer中自定义水平滚动拇指

Question

建议自定义UWP ScrollViewer中水平滚动拇指的颜色和宽度。我已经尝试自定义在下面的论坛中提到的滚动拇指，

https://social.msdn.microsoft.com/forums/en us/476b95de - 896 - c - 4117 - 96 - aa - 6 - e7365e3defe/uwp xaml chanaging -的-拇指-颜色- scrollbarscrollviewer?forum=wpdevelop

然而，它似乎只适用于垂直拇指。

Answer 1

通过测试，设置你提到的链接的SolidColorBrush的方式很好，这也适用于水平滚动拇指。

拇指的宽度可以通过ViewportSize来改变。请检查以下步骤:

1. 打开文档大纲窗格，右键单击ScrollViewer控件。
2. 选择选项编辑模板>编辑副本。然后ScrollViewer控件的默认样式将应用于ScrollViewer控件。
找到名为HorizontalScrollBar的滚动条控件。然后改变ViewportSize

请参考以下代码:

<Page …>
<Page.Resources>       
<Style x:Key="ScrollViewerStyle1" TargetType="ScrollViewer">
…….
<ScrollBar x:Name="HorizontalScrollBar" IsTabStop="False" Maximum="{TemplateBinding ScrollableWidth}" Orientation="Horizontal" Grid.Row="1" ViewportSize="10" Value="{TemplateBinding HorizontalOffset}" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"/>
…….
</Style>
</Page.Resources>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<ScrollViewer Style="{StaticResource ScrollViewerStyle1}" 
HorizontalScrollMode="Enabled" HorizontalScrollBarVisibility="Visible"
Height="200" Width="200">
<ScrollViewer.Resources>
<SolidColorBrush x:Key="ScrollBarThumbFill" Color="Gold"/>
<SolidColorBrush x:Key="ScrollBarThumbFillPointerOver" Color="Orange"/>
<SolidColorBrush x:Key="ScrollBarThumbFillPressed" Color="Red"/>
<SolidColorBrush x:Key="ScrollBarThumbFillDisabled" Color="Pink"/>
</ScrollViewer.Resources>
<Image Source="Assets/testP.jpg" Height="400" Width="400"/>
</ScrollViewer>
</Grid>
</Page>