WPF自定义滚动条样式

先看一下效果：

先分析一下滚动条有哪儿几部分组成：

滚动条总共有五部分组成：

两端的箭头按钮，实际类型为RepeatButton

Thumb 两端的空白，实际也是RepeatButton

最后就是Thumb(滑块)

所以如果要修改滚动条的样式，就要修改这五部分的样式。具体代码如下：

                                         Color="#888" />
             
                                         Color="#FFF" />
             
                                         Color="#DDD" />
             
                                         Color="Gray" />
             
                                         Color="White" />
             
                                         Color="#888" />
             
                                         Color="#888" />
             
                                         Color="#888" />
             
                                         Color="#888" />
             
                                         Color="#888" />

                                         Color="#444" />

                                             StartPoint="0,0"
                                 EndPoint="1,0.001">
               
                   
                                                              Offset="0.0" />
                                                              Offset="0.6" />
                                                              Offset="1.2" />
                   
               
           
             
                                             StartPoint="0,0"
                                 EndPoint="0,1">
               
                   
                                                              Offset="0.0" />
                                                              Offset="1.0" />
                   
               
           
             
                                            StartPoint="0,0"
                                 EndPoint="0,1">
               
                   
                                                              Offset="0.0" />
                                                              Offset="0.1" />
                                                              Offset="0.9" />
                                                              Offset="1.0" />
                   
               
           

           

           

           

                                         TargetType="{x:Type ScrollBar}">
               
                   
                       
                       
                       
                   
                                                CornerRadius="2"
                            Background="#F0F0F0" />
                                                     
                                 
                                  Command="ScrollBar.LineUpCommand"
                                  COntent="M 0 4 L 8 4 L 4 0 Z" />
                                               Grid.Row="1"
                           IsDirectiOnReversed="true">
                       
                                                                      Command="ScrollBar.PageUpCommand" />
                       
                       
                                                               Margin="1,0,1,0"
                                   Background="{StaticResource HorizontalNormalBrush}"
                                   BorderBrush="{StaticResource HorizontalNormalBorderBrush}" />
                       
                       
                                                                      Command="ScrollBar.PageDownCommand" />
                       
                   
                                                     
                                 
                                  Command="ScrollBar.LineDownCommand"
                                  COntent="M 0 0 L 4 4 L 8 0 Z" />
               
           

                                         TargetType="{x:Type ScrollBar}">
               
                   
                       
                       
                       
                   
                                                CornerRadius="5"
                            Background="#CCCCCC" />
                                                     
                                 
                                 
                                  Command="ScrollBar.LineLeftCommand"
                                  COntent="M 4 0 L 4 8 L 0 4 Z"  Margin="10,0,2,0"/>
                               
                                               Grid.Column="1"
                           IsDirectiOnReversed="False">
                       
                                                                      Command="ScrollBar.PageLeftCommand" />
                       
                       
                                                               Margin="0,1,0,1"
                                   Background="{StaticResource NormalBrush}"
                                   BorderBrush="{StaticResource NormalBorderBrush}" />
                       
                       
                                                                      Command="ScrollBar.PageRightCommand" />
                       
                   
                                                     
                                 
                                  Margin="2,0,10,0"
                                  Command="ScrollBar.LineRightCommand"
                                  COntent="M 0 0 L 4 4 L 0 8 Z" />
               
           
             
           
           

           

XAML中代码为：

                           RenderTransformOrigin="0.5,0.5"
                           HorizOntalAlignment="Stretch"
                           Margin="0"
                          
                           HorizOntalScrollBarVisibility="Visible"
                          
                           Focusable="True"
                           VerticalScrollBarVisibility="Disabled"
                         >
                                           Orientation="Vertical"
                           >
           

因样式代码较多，建议先复制到项目中看一下效果，在根据滚动条的五部分内容分别研究相应的样式，本人也是知道一点总结一点，如果您有不同的简介，很高兴能和你讨论，能和大家共同进步。

WPF 自定义滚动条样式,,

WPF 自定义滚动条样式