继续聊WPF——自定义滚动条

Dear 丶 2022-06-16 07:40 410阅读 0赞

*  <Window x:Class="WpfApplication1.Window1"  
 *      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
 *      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
 *      Title="Window1" Height="300" Width="300">  
 *      <Window.Resources>  
 *          <ControlTemplate x:Key="myThumb" TargetType="\{x:Type Thumb\}">  
 *              <Border Name="bd" BorderThickness="0.8" CornerRadius="2"  
 *                      Height="\{TemplateBinding Height\}"  
 *                      Width="\{TemplateBinding Width\}"  
 *                      Margin="0,1,0,1">  
 *                  <Border.Background>  
 *                      <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">  
 *                          <GradientStop Color="\#112299" Offset="0"/>  
 *                          <GradientStop Color="\#3522AA" Offset="1"/>  
 *                      </LinearGradientBrush>  
 *                  </Border.Background>  
 *              </Border>  
 *              <ControlTemplate.Triggers>  
 *                  <Trigger Property="IsMouseOver" Value="True">  
 *                      <Trigger.Setters>  
 *                          <Setter TargetName="bd" Property="BorderBrush" Value="\#66BBEE"/>  
 *                      </Trigger.Setters>  
 *                  </Trigger>  
 *              </ControlTemplate.Triggers>  
 *          </ControlTemplate>  
 *          <ControlTemplate x:Key="myRepBt" TargetType="\{x:Type RepeatButton\}">  
 *              <Border Margin="0,2,0,2"  
 *                         BorderThickness="0.7"  
 *                      BorderBrush="\#BBBBBB">  
 *                  <Border.Background>  
 *                      <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">  
 *                          <GradientStop Color="White" Offset="0"/>  
 *                          <GradientStop Color="LightGray" Offset="1"/>  
 *                      </LinearGradientBrush>  
 *                  </Border.Background>  
 *              </Border>  
 *          </ControlTemplate>  
 *          <ControlTemplate x:Key="rbtForScrollBar" TargetType="\{x:Type RepeatButton\}">  
 *              <Border CornerRadius="2"  
 *                      Margin="0,1,0,1">  
 *                  <Border.Background>  
 *                      <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">  
 *                          <GradientStop Color="Yellow" Offset="0"/>  
 *                          <GradientStop Color="Orange" Offset="1"/>  
 *                      </LinearGradientBrush>  
 *                  </Border.Background>  
 *                  <Path VerticalAlignment="Center" HorizontalAlignment="Center"  
 *                        Data="\{Binding Path=Content,RelativeSource=\{RelativeSource TemplatedParent\}\}"  
 *                        Fill="Black"/>  
 *              </Border>  
 *          </ControlTemplate>  
 *          <ControlTemplate x:Key="ScrollTmp" TargetType="\{x:Type ScrollBar\}">  
 *              <Grid>  
 *                  <Grid.ColumnDefinitions>  
 *                      <ColumnDefinition MaxWidth="20"/>  
 *                      <ColumnDefinition Width="\*"/>  
 *                      <ColumnDefinition MaxWidth="20"/>  
 *                  </Grid.ColumnDefinitions>  
 *                  <Border Grid.ColumnSpan="3" />  
 *                  <RepeatButton Template="\{StaticResource rbtForScrollBar\}" Grid.Column="0"  
 *                                    Margin="0,1,0,1"  
 *                                    Command="ScrollBar.LineLeftCommand"  
 *                                    Content="M0,4 L4,8 L4,0 Z"/>  
 *                  <Track Grid.Column="1" Name="PART\_Track"  
 *                         Maximum="\{TemplateBinding Maximum\}"  
 *                         Minimum="\{TemplateBinding Minimum\}"  
 *                         Value="\{TemplateBinding Value\}">  
 *                      <Track.DecreaseRepeatButton>  
 *                          <RepeatButton Template="\{StaticResource myRepBt\}"  
 *                                        Command="ScrollBar.PageLeftCommand"/>  
 *                      </Track.DecreaseRepeatButton>  
 *                      <Track.IncreaseRepeatButton>  
 *                          <RepeatButton Template="\{StaticResource myRepBt\}"  
 *                                        Command="ScrollBar.PageRightCommand"/>  
 *                      </Track.IncreaseRepeatButton>  
 *                      <Track.Thumb>  
 *                          <Thumb Width="auto" Template="\{StaticResource myThumb\}"/>  
 *                      </Track.Thumb>  
 *                  </Track>  
 *                  <RepeatButton Template="\{StaticResource rbtForScrollBar\}" Grid.Column="3"  
 *                                    Margin="0,1,0,1"  
 *                                    Command="ScrollBar.LineRightCommand"  
 *                                    Content="M0,0 L0,8 4,4 Z"/>  
 *              </Grid>  
 *          </ControlTemplate>  
 *      </Window.Resources>  
 *    
 *      <Canvas Margin="10,10,10,10">  
 *          <ScrollBar Canvas.Left="5" Canvas.Top="5" Width="260" Height="28"  
 *                     Template="\{StaticResource ScrollTmp\}"  
 *                     Orientation="Horizontal" Maximum="5" Minimum="0"/>  
 *      </Canvas>  
 *  </Window>  
 *