滚动条ScrollBar 样式设计-Thumb的设计

　　在设计滚动调试的时候，中间滑块Thumb的样式一致设计的不好看，最终终于研究出来，Thumb的样式也应该通过模板来控制，才能达到理想的控制效果

<Track.Thumb>
                                <Thumb BorderBrush="{TemplateBinding Background}"
                                       BorderThickness="1"
                                       Margin="0,0,0,0"
                                       Style="{StaticResource ScrollBarThumb}"                                 
                                       />
                            </Track.Thumb>

<Style x:Key="ScrollBarThumb" TargetType="{x:Type Thumb}" BasedOn="{StaticResource base}">
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="OverridesDefaultStyle" Value="true"/>
        <Setter Property="IsTabStop" Value="false"/>
        <Setter Property="Focusable" Value="false"/>       
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <!--CornerRadius="2" 中间移动滑块的倒角 姜彦201808161725-->
                    <Border
                          CornerRadius="0" 
                          Background="{TemplateBinding Background}"
                          BorderBrush="{TemplateBinding BorderBrush}"
                          BorderThickness="1" />    
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

 

转载于:https://www.cnblogs.com/jiangyan219/articles/9516667.html