自定义ScrollViewer样式

wu_pan123

于 2024-01-16 13:40:26 发布

阅读量392

点赞数 9

分类专栏：深入浅出WPF 文章标签： wpf scroll view 滚动视图

本文链接：https://blog.csdn.net/wu_pan123/article/details/135622713

版权

深入浅出WPF 专栏收录该内容

31 篇文章 2 订阅

订阅专栏

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:sys="clr-namespace:System;assembly=mscorlib">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/Styles/ColorStyles.xaml" />
        <ResourceDictionary Source="/Styles/ScrollBarStyles.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <SolidColorBrush
        x:Key="ScrollBarBackground"
        Color="Transparent" />
    <Style
        x:Key="WpScrollViewerStyleBase"
        TargetType="ScrollViewer">
        <Setter Property="HorizontalScrollBarVisibility" Value="Hidden" />
        <Setter Property="VerticalScrollBarVisibility" Value="Auto" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ScrollViewer}">
                    <Grid
                        x:Name="Grid"
                        Background="{TemplateBinding Background}">
                        <Grid.Resources>
                            <Style
                                BasedOn="{StaticResource WpScrollBarStyle}"
                                TargetType="ScrollBar" />
                        </Grid.Resources>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <!--<Rectangle
                            x:Name="Corner"
                            Grid.Row="1"
                            Grid.Column="1"
                            Fill="{StaticResource ScrollBarBackground}"
                            RadiusX="4"
                            RadiusY="4" />-->
                        <ScrollContentPresenter
                            x:Name="PART_ScrollContentPresenter"
                            Margin="{TemplateBinding Padding}"
                            CanContentScroll="{TemplateBinding CanContentScroll}"
                            CanHorizontallyScroll="False"
                            CanVerticallyScroll="False"
                            Content="{TemplateBinding Content}"
                            ContentTemplate="{TemplateBinding ContentTemplate}" />
                        <ScrollBar
                            x:Name="PART_HorizontalScrollBar"
                            Grid.Row="1"
                            Grid.Column="0"
                            AutomationProperties.AutomationId="HorizontalScrollBar"
                            Maximum="{TemplateBinding ScrollableWidth}"
                            Orientation="Horizontal"
                            ViewportSize="{TemplateBinding ViewportWidth}"
                            Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                            Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" />
                        <ScrollBar
                            x:Name="PART_VerticalScrollBar"
                            Grid.Row="0"
                            Grid.Column="1"
                            AutomationProperties.AutomationId="VerticalScrollBar"
                            Maximum="{TemplateBinding ScrollableHeight}"
                            Orientation="Vertical"
                            ViewportSize="{TemplateBinding ViewportHeight}"
                            Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                            Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  细滚动视图样式  -->
    <Style
        x:Key="ThinScrollViewer"
        BasedOn="{StaticResource WpScrollViewerStyleBase}"
        TargetType="ScrollViewer">
        <Style.Resources>
            <!--  滚动条宽度/高度  -->
            <sys:Double x:Key="ScrollBarThickness">4</sys:Double>
            <!--  滑块圆角  -->
            <sys:Double x:Key="ThumbCornerRadius">2</sys:Double>
        </Style.Resources>
    </Style>
    <!--  粗滚动视图样式  -->
    <Style
        x:Key="ThickScrollViewer"
        BasedOn="{StaticResource WpScrollViewerStyleBase}"
        TargetType="ScrollViewer">
        <Style.Resources>
            <!--  滚动条宽度/高度  -->
            <sys:Double x:Key="ScrollBarThickness">8</sys:Double>
            <!--  滑块圆角  -->
            <sys:Double x:Key="ThumbCornerRadius">4</sys:Double>
        </Style.Resources>
    </Style>
</ResourceDictionary>