如何解决如何在 UWP ScrollViewer 中自定义水平滚动拇指
在 UWP ScrollViewer 中自定义颜色和宽度水平滚动滑块所需的建议。我已经尝试自定义以下论坛中提到的滚动拇指,
然而,它似乎只适用于垂直拇指。
解决方法
通过测试,您提到的链接设置 SolidColorBrush 的方式效果很好,也适用于水平滚动拇指。
对于拇指的宽度,您可以通过 ViewportSize
更改它。
请检查以下步骤:
- 打开文档大纲窗格,右键单击您的 ScrollViewer 控件。
- 选择选项编辑模板 > 编辑副本。然后 ScrollViewer 控件的默认样式将应用于您的 ScrollViewer 控件。
- 找到名为
HorizontalScrollBar
的 ScrollBar 控件。然后更改 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。