WPF自定义ScrollViewer滚动条样式

最新推荐文章于 2024-08-09 14:19:22 发布

清泉灵弦

最新推荐文章于 2024-08-09 14:19:22 发布

阅读量1.3k

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/FireGhost57/article/details/87519721

版权

本文详细介绍了如何在WPF中自定义ScrollViewer的滚动条样式，包括改变颜色、形状和交互效果，以实现更符合UI设计的个性化滚动体验。

摘要由CSDN通过智能技术生成

    <!-- 滚动条颜色 -->
    <SolidColorBrush x:Key="ScrollBarBackground" Color="Transparent"/>
    <SolidColorBrush x:Key="ScrollBarThumbNormal" Color="Black" Opacity="0.1" />
    <SolidColorBrush x:Key="ScrollBarThumbBright" Color="Black" Opacity="0.5" />
    <!-- 滚动条拇钮样式 -->
    <Style x:Key="ScrollBarThumbStyle" TargetType="{x:Type Thumb}">
        <Setter Property="OverridesDefaultStyle" Value="true"/>
        <Setter Property="IsTabStop" Value="false"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Rectangle x:Name="thumbRect" Fill="{StaticResource ScrollBarThumbNormal}" RadiusX="4" RadiusY="4"/>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Cursor" Value="Hand"/>
                            <Setter Property="Fill" Value="{StaticResource ScrollBarThumbBright}" TargetName="thumbRect" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="False">
                            <Setter Property="Fill" Value="{StaticResource ScrollBarThumbNormal}" TargetName="thumbRect" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!-- 水平滚动条样式 -->
    <Style x:Key="HorizontalScrollBarStyle" TargetType="{x:Type ScrollBar}">
        <Setter Property="Stylus.IsPressAndHoldEnabled" Value="True"/>
        <Setter Property="Stylus.IsFlicksEnabled" Value="false"/>
        <Setter Property="Background" Value="{StaticResource ScrollBarBackground}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ScrollBar}">
                    <Grid x:Name="PART_Background" SnapsToDevicePixels=