先来一发图，有图有真相。

核心代码如下

ProgressBar添加一个textBlock 绑定Value并且位置绑定进度条的实际宽度

  1.    <Canvas Height="10" Margin="0 0 0 5">
  2.                                 <TextBlock x:Name="tb" TextWrapping="NoWrap"
  3.                                            Text="{Binding Value,  RelativeSource={RelativeSource AncestorType={x:Type ProgressBar}}}"
  4.                                            Visibility="Visible" Canvas.Left="{Binding ActualWidth, ElementName=PART_Indicator}"/>
  5.                             </Canvas>

Slider（1）也同样添加一个TextBlock绑定Value并且位置绑定变小RepeatButton的实际宽度

  1.  <Canvas Height="25" Margin="0 0 0 0">
  2.                                 <TextBlock x:Name="tb" TextWrapping="NoWrap"
  3.                                            Text="{Binding Value,  RelativeSource={RelativeSource AncestorType={x:Type Slider}}}"
  4.                                            Canvas.Left="{Binding ActualWidth,ElementName=repeatButtonDecreaseLarge}"  Visibility="Visible"/>
  5.                             </Canvas>

Slider（2）也同样添加一个TextBlock绑定Value，只不过在HorizontalSliderThumbStyle中的Canvas下直接添加即可，位置就随着滑块移动不需要绑定

  1.  <Canvas SnapsToDevicePixels="true">
  2.                             <Canvas.RenderTransform>
  3.                                 <TranslateTransform X="5.5" Y="11"/>
  4.                             </Canvas.RenderTransform>
  5.                             <Path x:Name="Background" Data="{StaticResource SliderThumbOuterBorderGeometry}" Fill="{StaticResource HorizontalSliderThumbNormalBackground}"/>
  6.                             <Path x:Name="InnerBorder" Data="{StaticResource SliderThumbMiddleBorderGeometry}" Stroke="White"/>
  7.                             <Path x:Name="OuterBorder" Data="{StaticResource SliderThumbOuterBorderGeometry}" Stroke="#FF929292"/>
  8.                             <TextBlock x:Name="tb" TextWrapping="NoWrap" Text="{Binding Value, RelativeSource={RelativeSource AncestorType={x:Type Slider}}, UpdateSourceTrigger=PropertyChanged}"
  9.                                        Margin="10 0 0 0" MinWidth="20"
  10.                                        TextAlignment="Right" HorizontalAlignment="Right" VerticalAlignment="Top" Background="White" Canvas.Top="-30" />
  11.                         </Canvas>

　完整代码如下:

  1.  <Window x:Class="WPFProgressBarAndSlider.MainWindow"
  2.          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.          xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.          xmlns:local="clr-namespace:WPFProgressBarAndSlider"
  7.          mc:Ignorable="d"
  8.          Title="MainWindow" Height="" Width="">
  9.      <Window.Resources>
  10.          <LinearGradientBrush x:Key="ProgressBarBackground" EndPoint="1,0" StartPoint="0,0">
  11.              <GradientStop Color="#BABABA" Offset=""/>
  12.              <GradientStop Color="#C7C7C7" Offset="0.5"/>
  13.              <GradientStop Color="#BABABA" Offset=""/>
  14.          </LinearGradientBrush>
  15.          <LinearGradientBrush x:Key="ProgressBarBorderBrush" EndPoint="0,1" StartPoint="0,0">
  16.              <GradientStop Color="#B2B2B2" Offset=""/>
  17.              <GradientStop Color="#8C8C8C" Offset=""/>
  18.          </LinearGradientBrush>
  19.          <LinearGradientBrush x:Key="ProgressBarGlassyHighlight" EndPoint="0,1" StartPoint="0,0">
  20.              <GradientStop Color="#50FFFFFF" Offset="0.5385"/>
  21.              <GradientStop Color="#00FFFFFF" Offset="0.5385"/>
  22.          </LinearGradientBrush>
  23.          <LinearGradientBrush x:Key="ProgressBarTopHighlight" EndPoint="0,1" StartPoint="0,0">
  24.              <GradientStop Color="#80FFFFFF" Offset="0.05"/>
  25.              <GradientStop Color="#00FFFFFF" Offset="0.25"/>
  26.          </LinearGradientBrush>
  27.          <LinearGradientBrush x:Key="ProgressBarIndicatorAnimatedFill" EndPoint="1,0" StartPoint="0,0">
  28.              <GradientStop Color="#00FFFFFF" Offset=""/>
  29.              <GradientStop Color="#60FFFFFF" Offset="0.4"/>
  30.              <GradientStop Color="#60FFFFFF" Offset="0.6"/>
  31.              <GradientStop Color="#00FFFFFF" Offset=""/>
  32.          </LinearGradientBrush>
  33.          <LinearGradientBrush x:Key="ProgressBarIndicatorDarkEdgeLeft" EndPoint="1,0" StartPoint="0,0">
  34.              <GradientStop Color="#0C000000" Offset=""/>
  35.              <GradientStop Color="#20000000" Offset="0.3"/>
  36.              <GradientStop Color="#00000000" Offset=""/>
  37.          </LinearGradientBrush>
  38.          <LinearGradientBrush x:Key="ProgressBarIndicatorDarkEdgeRight" EndPoint="1,0" StartPoint="0,0">
  39.              <GradientStop Color="#00000000" Offset=""/>
  40.              <GradientStop Color="#20000000" Offset="0.7"/>
  41.              <GradientStop Color="#0C000000" Offset=""/>
  42.          </LinearGradientBrush>
  43.          <RadialGradientBrush x:Key="ProgressBarIndicatorLightingEffectLeft" RadiusY="" RadiusX="" RelativeTransform="1,0,0,1,0.5,0.5">
  44.              <GradientStop Color="#60FFFFC4" Offset=""/>
  45.              <GradientStop Color="#00FFFFC4" Offset=""/>
  46.          </RadialGradientBrush>
  47.          <LinearGradientBrush x:Key="ProgressBarIndicatorLightingEffect" EndPoint="0,0" StartPoint="0,1">
  48.              <GradientStop Color="#60FFFFC4" Offset=""/>
  49.              <GradientStop Color="#00FFFFC4" Offset=""/>
  50.          </LinearGradientBrush>
  51.          <RadialGradientBrush x:Key="ProgressBarIndicatorLightingEffectRight" RadiusY="" RadiusX="" RelativeTransform="1,0,0,1,-0.5,0.5">
  52.              <GradientStop Color="#60FFFFC4" Offset=""/>
  53.              <GradientStop Color="#00FFFFC4" Offset=""/>
  54.          </RadialGradientBrush>
  55.          <LinearGradientBrush x:Key="ProgressBarIndicatorGlassyHighlight" EndPoint="0,1" StartPoint="0,0">
  56.              <GradientStop Color="#90FFFFFF" Offset="0.5385"/>
  57.              <GradientStop Color="#00FFFFFF" Offset="0.5385"/>
  58.          </LinearGradientBrush>
  59.          <Style x:Key="ProgressBarStyle1" TargetType="{x:Type ProgressBar}">
  60.              <Setter Property="Foreground" Value="#01D328"/>
  61.              <Setter Property="Value" Value=""/>
  62.              <Setter Property="Background" Value="{StaticResource ProgressBarBackground}"/>
  63.              <Setter Property="BorderBrush" Value="{StaticResource ProgressBarBorderBrush}"/>
  64.              <Setter Property="BorderThickness" Value=""/>
  65.              <Setter Property="Template">
  66.                  <Setter.Value>
  67.                      <ControlTemplate TargetType="{x:Type ProgressBar}">
  68.                          <Grid>
  69.                              <Grid.RowDefinitions>
  70.                                  <RowDefinition Height="Auto"/>
  71.                                  <RowDefinition Height="*"/>
  72.                              </Grid.RowDefinitions>
  73.                              <Canvas Height="" Margin="0 0 0 5">
  74.                                  <TextBlock x:Name="tb" TextWrapping="NoWrap"
  75.                                             Text="{Binding Value,  RelativeSource={RelativeSource AncestorType={x:Type ProgressBar}}}"
  76.                                             Visibility="Visible" Canvas.Left="{Binding ActualWidth, ElementName=PART_Indicator}"/>
  77.                              </Canvas>
  78.  
  79.                              <Grid x:Name="TemplateRoot" SnapsToDevicePixels="true" Grid.Row="">
  80.                                  <Rectangle Fill="{TemplateBinding Background}" RadiusY="" RadiusX=""/>
  81.                                  <Border Background="{StaticResource ProgressBarGlassyHighlight}" CornerRadius="" Margin=""/>
  82.                                  <Border BorderBrush="#80FFFFFF" BorderThickness="1,0,1,1" Background="{StaticResource ProgressBarTopHighlight}" Margin=""/>
  83.                                  <Rectangle x:Name="PART_Track" Margin=""/>
  84.  
  85.                                  <Decorator x:Name="PART_Indicator" HorizontalAlignment="Left" Margin="" >
  86.                                      <Grid x:Name="Foreground">
  87.                                          <Rectangle x:Name="Indicator" Fill="{TemplateBinding Foreground}"/>
  88.                                          <Grid x:Name="Animation" ClipToBounds="true">
  89.                                              <Rectangle x:Name="PART_GlowRect" Fill="{StaticResource ProgressBarIndicatorAnimatedFill}" HorizontalAlignment="Left" Margin="-100,0,0,0" Width="" d:IsHidden="True"/>
  90.                                          </Grid>
  91.                                          <Grid x:Name="Overlay">
  92.                                              <Grid.ColumnDefinitions>
  93.                                                  <ColumnDefinition MaxWidth=""/>
  94.                                                  <ColumnDefinition Width="0.1*"/>
  95.                                                  <ColumnDefinition MaxWidth=""/>
  96.                                              </Grid.ColumnDefinitions>
  97.                                              <Grid.RowDefinitions>
  98.                                                  <RowDefinition/>
  99.                                                  <RowDefinition/>
  100.                                              </Grid.RowDefinitions>
  101.                                              <Rectangle x:Name="LeftDark" Fill="{StaticResource ProgressBarIndicatorDarkEdgeLeft}" Margin="1,1,0,1" RadiusY="" RadiusX="" Grid.RowSpan="" d:IsHidden="True"/>
  102.                                              <Rectangle x:Name="RightDark" Grid.Column="" Fill="{StaticResource ProgressBarIndicatorDarkEdgeRight}" Margin="0,1,1,1" RadiusY="" RadiusX="" Grid.RowSpan="" d:IsHidden="True"/>
  103.                                              <Rectangle x:Name="LeftLight" Grid.Column="" Fill="{StaticResource ProgressBarIndicatorLightingEffectLeft}" Grid.Row="" d:IsHidden="True"/>
  104.                                              <Rectangle x:Name="CenterLight" Grid.Column="" Fill="{StaticResource ProgressBarIndicatorLightingEffect}" Grid.Row="" d:IsHidden="True"/>
  105.                                              <Rectangle x:Name="RightLight" Grid.Column="" Fill="{StaticResource ProgressBarIndicatorLightingEffectRight}" Grid.Row="" d:IsHidden="True"/>
  106.                                              <Border x:Name="Highlight1" Background="{StaticResource ProgressBarIndicatorGlassyHighlight}" Grid.ColumnSpan="" Grid.RowSpan="" d:IsHidden="True"/>
  107.                                              <Border x:Name="Highlight2" Background="{StaticResource ProgressBarTopHighlight}" Grid.ColumnSpan="" Grid.RowSpan="" d:IsHidden="True"/>
  108.                                          </Grid>
  109.                                      </Grid>
  110.                                  </Decorator>
  111.                                  <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius=""/>
  112.                              </Grid>
  113.                          </Grid>
  114.  
  115.                          <ControlTemplate.Triggers>
  116.                              <Trigger Property="Orientation" Value="Vertical">
  117.                                  <Setter Property="LayoutTransform" TargetName="TemplateRoot">
  118.                                      <Setter.Value>
  119.                                          <RotateTransform Angle="-90"/>
  120.                                      </Setter.Value>
  121.                                  </Setter>
  122.                              </Trigger>
  123.                              <Trigger Property="IsIndeterminate" Value="true">
  124.                                  <Setter Property="Visibility" TargetName="LeftDark" Value="Collapsed"/>
  125.                                  <Setter Property="Visibility" TargetName="RightDark" Value="Collapsed"/>
  126.                                  <Setter Property="Visibility" TargetName="LeftLight" Value="Collapsed"/>
  127.                                  <Setter Property="Visibility" TargetName="CenterLight" Value="Collapsed"/>
  128.                                  <Setter Property="Visibility" TargetName="RightLight" Value="Collapsed"/>
  129.                                  <Setter Property="Visibility" TargetName="Indicator" Value="Collapsed"/>
  130.                              </Trigger>
  131.                              <Trigger Property="IsIndeterminate" Value="false">
  132.                                  <Setter Property="Background" TargetName="Animation" Value="#80B5FFA9"/>
  133.                              </Trigger>
  134.                          </ControlTemplate.Triggers>
  135.                      </ControlTemplate>
  136.                  </Setter.Value>
  137.              </Setter>
  138.          </Style>
  139.          <LinearGradientBrush x:Key="HorizontalSliderThumbHoverBackgroundInverted" EndPoint="0,0" StartPoint="0,1">
  140.              <GradientStop Color="white" Offset=""/>
  141.              <GradientStop Color="#B8E2F9" Offset="0.5"/>
  142.              <GradientStop Color="#B0DFF8" Offset=""/>
  143.          </LinearGradientBrush>
  144.          <SolidColorBrush x:Key="HorizontalSliderThumbHoverBorder" Color="#3C7FB1"/>
  145.          <LinearGradientBrush x:Key="HorizontalSliderThumbPressedBackgroundInverted" EndPoint="0,0" StartPoint="0,1">
  146.              <GradientStop Color="#B8E4FA" Offset="0.25"/>
  147.              <GradientStop Color="#5EB4E3" Offset="0.5"/>
  148.              <GradientStop Color="#4C8BB4" Offset=""/>
  149.          </LinearGradientBrush>
  150.          <SolidColorBrush x:Key="HorizontalSliderThumbPressedBorder" Color="#2C628B"/>
  151.          <Geometry x:Key="SliderThumbDisabledGeometry">M -,-10.5 L ,-10.5 L ,10.5 L -,10.5 Z</Geometry>
  152.          <Geometry x:Key="SliderPointedThumbDisabledGeometry">M 4.5,-8.5 L -4.5,-8.5 L -4.5,4.5 L -0.5,8.5 L 0.5,8.5 L 4.5,4.5 Z</Geometry>
  153.          <Geometry x:Key="SliderPointedThumbOuterBorderGeometry">M 4.5,-7.5 A      3.5,-8.5 L -3.5,-8.5 A      -4.5,-7.5 L -4.5,4.5 L -0.5,8.5 L 0.5,8.5 L 4.5,4.5 Z</Geometry>
  154.          <LinearGradientBrush x:Key="HorizontalSliderThumbNormalBackgroundInverted" EndPoint="0,0" StartPoint="0,1">
  155.              <GradientStop Color="White" Offset=""/>
  156.              <GradientStop Color="#F0EFEF" Offset="0.4"/>
  157.              <GradientStop Color="#D6D5D5" Offset=".8"/>
  158.          </LinearGradientBrush>
  159.          <Geometry x:Key="SliderPointedThumbMiddleBorderGeometry">M 3.5,-7.5 L -3.5,-7.5 L -3.5,4.5 L , L 3.5,4.5 Z</Geometry>
  160.          <Style x:Key="HorizontalSliderUpThumbStyle" TargetType="{x:Type Thumb}">
  161.              <Setter Property="Focusable" Value="false"/>
  162.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  163.              <Setter Property="Height" Value=""/>
  164.              <Setter Property="Width" Value=""/>
  165.              <Setter Property="Foreground" Value="Gray"/>
  166.              <Setter Property="Template">
  167.                  <Setter.Value>
  168.                      <ControlTemplate TargetType="{x:Type Thumb}">
  169.                          <Canvas SnapsToDevicePixels="true">
  170.                              <Canvas.RenderTransform>
  171.                                  <TransformGroup>
  172.                                      <TransformGroup.Children>
  173.                                          <TransformCollection>
  174.                                              <RotateTransform Angle=""/>
  175.                                              <TranslateTransform X="" Y=""/>
  176.                                          </TransformCollection>
  177.                                      </TransformGroup.Children>
  178.                                  </TransformGroup>
  179.                              </Canvas.RenderTransform>
  180.                              <Path x:Name="Background" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Fill="{StaticResource HorizontalSliderThumbNormalBackgroundInverted}"/>
  181.                              <Path x:Name="InnerBorder" Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" Stroke="White" StrokeThickness=""/>
  182.                              <Path x:Name="OuterBorder" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Stroke="#FF929292" StrokeThickness=""/>
  183.                          </Canvas>
  184.                          <ControlTemplate.Triggers>
  185.                              <Trigger Property="IsMouseOver" Value="true">
  186.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbHoverBackgroundInverted}"/>
  187.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  188.                              </Trigger>
  189.                              <Trigger Property="Foreground" Value="Blue">
  190.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbHoverBackgroundInverted}"/>
  191.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  192.                              </Trigger>
  193.                              <Trigger Property="IsDragging" Value="true">
  194.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbPressedBackgroundInverted}"/>
  195.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbPressedBorder}"/>
  196.                              </Trigger>
  197.                              <Trigger Property="IsEnabled" Value="false">
  198.                                  <Setter Property="Fill" TargetName="Background" Value="#FFF4F4F4"/>
  199.                                  <Setter Property="Stroke" TargetName="InnerBorder" Value="{x:Null}"/>
  200.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderThumbDisabledGeometry}"/>
  201.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="#FFAEB1AF"/>
  202.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderPointedThumbDisabledGeometry}"/>
  203.                              </Trigger>
  204.                          </ControlTemplate.Triggers>
  205.                      </ControlTemplate>
  206.                  </Setter.Value>
  207.              </Setter>
  208.          </Style>
  209.          <LinearGradientBrush x:Key="HorizontalSliderThumbHoverBackground" EndPoint="0,1" StartPoint="0,0">
  210.              <GradientStop Color="white" Offset=""/>
  211.              <GradientStop Color="#B8E2F9" Offset="0.5"/>
  212.              <GradientStop Color="#B0DFF8" Offset=""/>
  213.          </LinearGradientBrush>
  214.          <LinearGradientBrush x:Key="HorizontalSliderThumbPressedBackground" EndPoint="0,1" StartPoint="0,0">
  215.              <GradientStop Color="#B8E4FA" Offset="0.25"/>
  216.              <GradientStop Color="#5EB4E3" Offset="0.5"/>
  217.              <GradientStop Color="#4C8BB4" Offset=""/>
  218.          </LinearGradientBrush>
  219.          <LinearGradientBrush x:Key="HorizontalSliderThumbNormalBackground" EndPoint="0,1" StartPoint="0,0">
  220.              <GradientStop Color="White" Offset=""/>
  221.              <GradientStop Color="#F0EFEF" Offset="0.4"/>
  222.              <GradientStop Color="#D6D5D5" Offset=".8"/>
  223.          </LinearGradientBrush>
  224.          <Style x:Key="HorizontalSliderDownThumbStyle" TargetType="{x:Type Thumb}">
  225.              <Setter Property="Focusable" Value="false"/>
  226.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  227.              <Setter Property="Height" Value=""/>
  228.              <Setter Property="Width" Value=""/>
  229.              <Setter Property="Foreground" Value="Gray"/>
  230.              <Setter Property="Template">
  231.                  <Setter.Value>
  232.                      <ControlTemplate TargetType="{x:Type Thumb}">
  233.                          <Canvas SnapsToDevicePixels="true">
  234.                              <Canvas.RenderTransform>
  235.                                  <TranslateTransform X="" Y=""/>
  236.                              </Canvas.RenderTransform>
  237.                              <Path x:Name="Background" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Fill="{StaticResource HorizontalSliderThumbNormalBackground}"/>
  238.                              <Path x:Name="InnerBorder" Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" Stroke="White" StrokeThickness=""/>
  239.                              <Path x:Name="OuterBorder" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Stroke="#FF929292" StrokeThickness=""/>
  240.                          </Canvas>
  241.                          <ControlTemplate.Triggers>
  242.                              <Trigger Property="IsMouseOver" Value="true">
  243.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbHoverBackground}"/>
  244.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  245.                              </Trigger>
  246.                              <Trigger Property="Foreground" Value="Blue">
  247.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbHoverBackground}"/>
  248.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  249.                              </Trigger>
  250.                              <Trigger Property="IsDragging" Value="true">
  251.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbPressedBackground}"/>
  252.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbPressedBorder}"/>
  253.                              </Trigger>
  254.                              <Trigger Property="IsEnabled" Value="false">
  255.                                  <Setter Property="Fill" TargetName="Background" Value="#FFF4F4F4"/>
  256.                                  <Setter Property="Stroke" TargetName="InnerBorder" Value="{x:Null}"/>
  257.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderThumbDisabledGeometry}"/>
  258.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="#FFAEB1AF"/>
  259.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderPointedThumbDisabledGeometry}"/>
  260.                              </Trigger>
  261.                          </ControlTemplate.Triggers>
  262.                      </ControlTemplate>
  263.                  </Setter.Value>
  264.              </Setter>
  265.          </Style>
  266.          <LinearGradientBrush x:Key="HorizontalSliderTrackNormalBorder" EndPoint="0,1" StartPoint="0,0">
  267.              <GradientStop Color="#FFAEB1AF" Offset="0.1"/>
  268.              <GradientStop Color="White" Offset=".9"/>
  269.          </LinearGradientBrush>
  270.          <SolidColorBrush x:Key="HorizontalSliderTrackNormalBackground" Color="#FFE7EAEA"/>
  271.          <Style x:Key="SliderRepeatButtonStyle" TargetType="{x:Type RepeatButton}">
  272.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  273.              <Setter Property="IsTabStop" Value="false"/>
  274.              <Setter Property="Focusable" Value="false"/>
  275.              <Setter Property="Template">
  276.                  <Setter.Value>
  277.                      <ControlTemplate TargetType="{x:Type RepeatButton}">
  278.                          <Rectangle Fill="Transparent"/>
  279.                      </ControlTemplate>
  280.                  </Setter.Value>
  281.              </Setter>
  282.          </Style>
  283.          <Geometry x:Key="SliderThumbOuterBorderGeometry">M -,-9.5 A      -,-10.5 L ,-10.5 A      ,-9.5 L ,9.5 A      ,10.5 L -,10.5 A      -,9.5 Z</Geometry>
  284.          <Geometry x:Key="SliderThumbMiddleBorderGeometry">M -,-9.5 L ,-9.5 L ,9.5 L -,9.5 Z</Geometry>
  285.          <Style x:Key="HorizontalSliderThumbStyle" TargetType="{x:Type Thumb}">
  286.              <Setter Property="Focusable" Value="false"/>
  287.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  288.              <Setter Property="Height" Value=""/>
  289.              <Setter Property="Width" Value=""/>
  290.              <Setter Property="Foreground" Value="Gray"/>
  291.              <Setter Property="Template">
  292.                  <Setter.Value>
  293.                      <ControlTemplate TargetType="{x:Type Thumb}">
  294.                          <Canvas SnapsToDevicePixels="true">
  295.                              <Canvas.RenderTransform>
  296.                                  <TranslateTransform X="5.5" Y=""/>
  297.                              </Canvas.RenderTransform>
  298.                              <Path x:Name="Background" Data="{StaticResource SliderThumbOuterBorderGeometry}" Fill="{StaticResource HorizontalSliderThumbNormalBackground}"/>
  299.                              <Path x:Name="InnerBorder" Data="{StaticResource SliderThumbMiddleBorderGeometry}" Stroke="White"/>
  300.                              <Path x:Name="OuterBorder" Data="{StaticResource SliderThumbOuterBorderGeometry}" Stroke="#FF929292"/>
  301.                              <TextBlock x:Name="tb" TextWrapping="NoWrap" Text="{Binding Value, RelativeSource={RelativeSource AncestorType={x:Type Slider}}, UpdateSourceTrigger=PropertyChanged}"
  302.                                         Margin="10 0 0 0" MinWidth=""
  303.                                         TextAlignment="Right" HorizontalAlignment="Right" VerticalAlignment="Top" Background="White" Canvas.Top="-30" />
  304.                          </Canvas>
  305.                          <ControlTemplate.Triggers>
  306.                              <Trigger Property="IsMouseOver" Value="true">
  307.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbHoverBackground}"/>
  308.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  309.                              </Trigger>
  310.                              <Trigger Property="Foreground" Value="Blue">
  311.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbHoverBackground}"/>
  312.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  313.                              </Trigger>
  314.                              <Trigger Property="IsDragging" Value="true">
  315.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource HorizontalSliderThumbPressedBackground}"/>
  316.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbPressedBorder}"/>
  317.                              </Trigger>
  318.                              <Trigger Property="IsEnabled" Value="false">
  319.                                  <Setter Property="Fill" TargetName="Background" Value="#FFF4F4F4"/>
  320.                                  <Setter Property="Stroke" TargetName="InnerBorder" Value="{x:Null}"/>
  321.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderThumbDisabledGeometry}"/>
  322.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="#FFAEB1AF"/>
  323.                              </Trigger>
  324.                          </ControlTemplate.Triggers>
  325.                      </ControlTemplate>
  326.                  </Setter.Value>
  327.              </Setter>
  328.          </Style>
  329.          <LinearGradientBrush x:Key="VerticalSliderThumbHoverBackground" EndPoint="1,0" StartPoint="0,0">
  330.              <GradientStop Color="white" Offset=""/>
  331.              <GradientStop Color="#B8E2F9" Offset="0.5"/>
  332.              <GradientStop Color="#B0DFF8" Offset=""/>
  333.          </LinearGradientBrush>
  334.          <LinearGradientBrush x:Key="VerticalSliderThumbPressedBackground" EndPoint="1,0" StartPoint="0,0">
  335.              <GradientStop Color="#B8E4FA" Offset="0.25"/>
  336.              <GradientStop Color="#5EB4E3" Offset="0.5"/>
  337.              <GradientStop Color="#4C8BB4" Offset=""/>
  338.          </LinearGradientBrush>
  339.          <LinearGradientBrush x:Key="VerticalSliderThumbNormalBackground" EndPoint="1,0" StartPoint="0,0">
  340.              <GradientStop Color="White" Offset=""/>
  341.              <GradientStop Color="#F0EFEF" Offset="0.4"/>
  342.              <GradientStop Color="#D6D5D5" Offset=".8"/>
  343.          </LinearGradientBrush>
  344.          <Style x:Key="VerticalSliderLeftThumbStyle" TargetType="{x:Type Thumb}">
  345.              <Setter Property="Focusable" Value="false"/>
  346.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  347.              <Setter Property="Height" Value=""/>
  348.              <Setter Property="Width" Value=""/>
  349.              <Setter Property="Foreground" Value="Gray"/>
  350.              <Setter Property="Template">
  351.                  <Setter.Value>
  352.                      <ControlTemplate TargetType="{x:Type Thumb}">
  353.                          <Canvas SnapsToDevicePixels="true">
  354.                              <Canvas.RenderTransform>
  355.                                  <TransformGroup>
  356.                                      <TransformGroup.Children>
  357.                                          <TransformCollection>
  358.                                              <RotateTransform Angle=""/>
  359.                                              <TranslateTransform X="" Y=""/>
  360.                                          </TransformCollection>
  361.                                      </TransformGroup.Children>
  362.                                  </TransformGroup>
  363.                              </Canvas.RenderTransform>
  364.                              <Path x:Name="Background" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Fill="{StaticResource VerticalSliderThumbNormalBackground}"/>
  365.                              <Path x:Name="InnerBorder" Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" Stroke="White" StrokeThickness=""/>
  366.                              <Path x:Name="OuterBorder" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Stroke="#FF929292" StrokeThickness=""/>
  367.                          </Canvas>
  368.                          <ControlTemplate.Triggers>
  369.                              <Trigger Property="IsMouseOver" Value="true">
  370.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbHoverBackground}"/>
  371.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  372.                              </Trigger>
  373.                              <Trigger Property="Foreground" Value="Blue">
  374.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbHoverBackground}"/>
  375.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  376.                              </Trigger>
  377.                              <Trigger Property="IsDragging" Value="true">
  378.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbPressedBackground}"/>
  379.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbPressedBorder}"/>
  380.                              </Trigger>
  381.                              <Trigger Property="IsEnabled" Value="false">
  382.                                  <Setter Property="Fill" TargetName="Background" Value="#FFF4F4F4"/>
  383.                                  <Setter Property="Stroke" TargetName="InnerBorder" Value="{x:Null}"/>
  384.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderPointedThumbDisabledGeometry}"/>
  385.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="#FFAEB1AF"/>
  386.                              </Trigger>
  387.                          </ControlTemplate.Triggers>
  388.                      </ControlTemplate>
  389.                  </Setter.Value>
  390.              </Setter>
  391.          </Style>
  392.          <LinearGradientBrush x:Key="VerticalSliderThumbHoverBackgroundInverted" EndPoint="0,0" StartPoint="1,0">
  393.              <GradientStop Color="white" Offset=""/>
  394.              <GradientStop Color="#B8E2F9" Offset="0.5"/>
  395.              <GradientStop Color="#B0DFF8" Offset=""/>
  396.          </LinearGradientBrush>
  397.          <LinearGradientBrush x:Key="VerticalSliderThumbPressedBackgroundInverted" EndPoint="0,0" StartPoint="1,0">
  398.              <GradientStop Color="#B8E4FA" Offset="0.25"/>
  399.              <GradientStop Color="#5EB4E3" Offset="0.5"/>
  400.              <GradientStop Color="#4C8BB4" Offset=""/>
  401.          </LinearGradientBrush>
  402.          <LinearGradientBrush x:Key="VerticalSliderThumbNormalBackgroundInverted" EndPoint="0,0" StartPoint="1,0">
  403.              <GradientStop Color="White" Offset=""/>
  404.              <GradientStop Color="#F0EFEF" Offset="0.4"/>
  405.              <GradientStop Color="#D6D5D5" Offset=".8"/>
  406.          </LinearGradientBrush>
  407.          <Style x:Key="VerticalSliderRightThumbStyle" TargetType="{x:Type Thumb}">
  408.              <Setter Property="Focusable" Value="false"/>
  409.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  410.              <Setter Property="Height" Value=""/>
  411.              <Setter Property="Width" Value=""/>
  412.              <Setter Property="Foreground" Value="Gray"/>
  413.              <Setter Property="Template">
  414.                  <Setter.Value>
  415.                      <ControlTemplate TargetType="{x:Type Thumb}">
  416.                          <Canvas SnapsToDevicePixels="true">
  417.                              <Canvas.RenderTransform>
  418.                                  <TransformGroup>
  419.                                      <TransformGroup.Children>
  420.                                          <TransformCollection>
  421.                                              <RotateTransform Angle="-90"/>
  422.                                              <TranslateTransform X="" Y=""/>
  423.                                          </TransformCollection>
  424.                                      </TransformGroup.Children>
  425.                                  </TransformGroup>
  426.                              </Canvas.RenderTransform>
  427.                              <Path x:Name="Background" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Fill="{StaticResource VerticalSliderThumbNormalBackgroundInverted}"/>
  428.                              <Path x:Name="InnerBorder" Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" Stroke="White" StrokeThickness=""/>
  429.                              <Path x:Name="OuterBorder" Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" Stroke="#FF929292" StrokeThickness=""/>
  430.                          </Canvas>
  431.                          <ControlTemplate.Triggers>
  432.                              <Trigger Property="IsMouseOver" Value="true">
  433.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbHoverBackgroundInverted}"/>
  434.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  435.                              </Trigger>
  436.                              <Trigger Property="Foreground" Value="Blue">
  437.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbHoverBackgroundInverted}"/>
  438.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  439.                              </Trigger>
  440.                              <Trigger Property="IsDragging" Value="true">
  441.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbPressedBackgroundInverted}"/>
  442.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbPressedBorder}"/>
  443.                              </Trigger>
  444.                              <Trigger Property="IsEnabled" Value="false">
  445.                                  <Setter Property="Fill" TargetName="Background" Value="#FFF4F4F4"/>
  446.                                  <Setter Property="Stroke" TargetName="InnerBorder" Value="{x:Null}"/>
  447.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderPointedThumbDisabledGeometry}"/>
  448.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="#FFAEB1AF"/>
  449.                              </Trigger>
  450.                          </ControlTemplate.Triggers>
  451.                      </ControlTemplate>
  452.                  </Setter.Value>
  453.              </Setter>
  454.          </Style>
  455.          <LinearGradientBrush x:Key="VerticalSliderTrackNormalBorder" EndPoint="1,0" StartPoint="0,0">
  456.              <GradientStop Color="#FFAEB1AF" Offset="0.1"/>
  457.              <GradientStop Color="White" Offset=".9"/>
  458.          </LinearGradientBrush>
  459.          <Style x:Key="VerticalSliderThumbStyle" TargetType="{x:Type Thumb}">
  460.              <Setter Property="Focusable" Value="false"/>
  461.              <Setter Property="OverridesDefaultStyle" Value="true"/>
  462.              <Setter Property="Height" Value=""/>
  463.              <Setter Property="Width" Value=""/>
  464.              <Setter Property="Foreground" Value="Gray"/>
  465.              <Setter Property="Template">
  466.                  <Setter.Value>
  467.                      <ControlTemplate TargetType="{x:Type Thumb}">
  468.                          <Canvas SnapsToDevicePixels="true">
  469.                              <Canvas.RenderTransform>
  470.                                  <TransformGroup>
  471.                                      <TransformGroup.Children>
  472.                                          <TransformCollection>
  473.                                              <RotateTransform Angle=""/>
  474.                                              <TranslateTransform X="" Y="5.5"/>
  475.                                          </TransformCollection>
  476.                                      </TransformGroup.Children>
  477.                                  </TransformGroup>
  478.                              </Canvas.RenderTransform>
  479.                              <Path x:Name="Background" Data="{StaticResource SliderThumbOuterBorderGeometry}" Fill="{StaticResource VerticalSliderThumbNormalBackground}"/>
  480.                              <Path x:Name="InnerBorder" Data="{StaticResource SliderThumbMiddleBorderGeometry}" Stroke="White" StrokeThickness=""/>
  481.                              <Path x:Name="OuterBorder" Data="{StaticResource SliderThumbOuterBorderGeometry}" Stroke="#FF929292" StrokeThickness=""/>
  482.                          </Canvas>
  483.                          <ControlTemplate.Triggers>
  484.                              <Trigger Property="IsMouseOver" Value="true">
  485.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbHoverBackground}"/>
  486.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  487.                              </Trigger>
  488.                              <Trigger Property="Foreground" Value="Blue">
  489.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbHoverBackground}"/>
  490.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbHoverBorder}"/>
  491.                              </Trigger>
  492.                              <Trigger Property="IsDragging" Value="true">
  493.                                  <Setter Property="Fill" TargetName="Background" Value="{StaticResource VerticalSliderThumbPressedBackground}"/>
  494.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="{StaticResource HorizontalSliderThumbPressedBorder}"/>
  495.                              </Trigger>
  496.                              <Trigger Property="IsEnabled" Value="false">
  497.                                  <Setter Property="Fill" TargetName="Background" Value="#FFF4F4F4"/>
  498.                                  <Setter Property="Stroke" TargetName="InnerBorder" Value="{x:Null}"/>
  499.                                  <Setter Property="Data" TargetName="OuterBorder" Value="{StaticResource SliderThumbDisabledGeometry}"/>
  500.                                  <Setter Property="Stroke" TargetName="OuterBorder" Value="#FFAEB1AF"/>
  501.                              </Trigger>
  502.                          </ControlTemplate.Triggers>
  503.                      </ControlTemplate>
  504.                  </Setter.Value>
  505.              </Setter>
  506.          </Style>
  507.          <Style x:Key="SliderStyle1" TargetType="{x:Type Slider}">
  508.              <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false"/>
  509.              <Setter Property="Background" Value="Transparent"/>
  510.              <Setter Property="Foreground" Value="#FFC4C4C4"/>
  511.              <Setter Property="Template">
  512.                  <Setter.Value>
  513.                      <ControlTemplate TargetType="{x:Type Slider}">
  514.                          <Grid>
  515.                              <Grid.RowDefinitions>
  516.                                  <RowDefinition Height="Auto"/>
  517.                                  <RowDefinition Height="*"/>
  518.                              </Grid.RowDefinitions>
  519.                              <Canvas Height="" Margin="0 0 0 0">
  520.                                  <TextBlock x:Name="tb" TextWrapping="NoWrap"
  521.                                             Text="{Binding Value,  RelativeSource={RelativeSource AncestorType={x:Type Slider}}}"
  522.                                             Canvas.Left="{Binding ActualWidth,ElementName=repeatButtonDecreaseLarge}"  Visibility="Visible"/>
  523.                              </Canvas>
  524.                              <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true" Grid.Row="">
  525.                                  <Grid>
  526.                                      <Grid.RowDefinitions>
  527.                                          <RowDefinition Height="Auto"/>
  528.                                          <RowDefinition Height="Auto" MinHeight="{TemplateBinding MinHeight}"/>
  529.                                          <RowDefinition Height="Auto"/>
  530.                                      </Grid.RowDefinitions>
  531.                                      <TickBar x:Name="TopTick" Fill="{TemplateBinding Foreground}" Height="" Placement="Top" Grid.Row="" Visibility="Collapsed"/>
  532.                                      <TickBar x:Name="BottomTick" Fill="{TemplateBinding Foreground}" Height="" Placement="Bottom" Grid.Row="" Visibility="Collapsed"/>
  533.                                      <Border x:Name="TrackBackground" BorderBrush="{StaticResource HorizontalSliderTrackNormalBorder}" BorderThickness="" Background="{StaticResource HorizontalSliderTrackNormalBackground}" CornerRadius="" Height="4.0" Margin="5,0" Grid.Row="" VerticalAlignment="center">
  534.                                          <Canvas Margin="-6,-1">
  535.                                              <Rectangle x:Name="PART_SelectionRange" Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" Height="4.0" Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}" StrokeThickness="1.0" Visibility="Hidden"/>
  536.                                          </Canvas>
  537.                                      </Border>
  538.                                      <Track x:Name="PART_Track" Grid.Row="">
  539.                                          <Track.DecreaseRepeatButton>
  540.                                              <RepeatButton x:Name="repeatButtonDecreaseLarge" Command="{x:Static Slider.DecreaseLarge}" Style="{StaticResource SliderRepeatButtonStyle}"/>
  541.                                          </Track.DecreaseRepeatButton>
  542.                                          <Track.IncreaseRepeatButton>
  543.                                              <RepeatButton Command="{x:Static Slider.IncreaseLarge}" Style="{StaticResource SliderRepeatButtonStyle}"/>
  544.                                          </Track.IncreaseRepeatButton>
  545.                                          <Track.Thumb>
  546.                                              <Thumb x:Name="Thumb" Style="{StaticResource HorizontalSliderThumbStyle}"/>
  547.                                          </Track.Thumb>
  548.                                      </Track>
  549.                                  </Grid>
  550.                              </Border>
  551.                          </Grid>
  552.  
  553.                          <ControlTemplate.Triggers>
  554.                              <Trigger Property="TickPlacement" Value="TopLeft">
  555.                                  <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
  556.                                  <Setter Property="Style" TargetName="Thumb" Value="{StaticResource HorizontalSliderUpThumbStyle}"/>
  557.                                  <Setter Property="Margin" TargetName="TrackBackground" Value="5,2,5,0"/>
  558.                              </Trigger>
  559.                              <Trigger Property="TickPlacement" Value="BottomRight">
  560.                                  <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
  561.                                  <Setter Property="Style" TargetName="Thumb" Value="{StaticResource HorizontalSliderDownThumbStyle}"/>
  562.                                  <Setter Property="Margin" TargetName="TrackBackground" Value="5,0,5,2"/>
  563.                              </Trigger>
  564.                              <Trigger Property="TickPlacement" Value="Both">
  565.                                  <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
  566.                                  <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
  567.                              </Trigger>
  568.                              <Trigger Property="IsSelectionRangeEnabled" Value="true">
  569.                                  <Setter Property="Visibility" TargetName="PART_SelectionRange" Value="Visible"/>
  570.                              </Trigger>
  571.                              <Trigger Property="IsKeyboardFocused" Value="true">
  572.                                  <Setter Property="Foreground" TargetName="Thumb" Value="Blue"/>
  573.                              </Trigger>
  574.                          </ControlTemplate.Triggers>
  575.                      </ControlTemplate>
  576.                  </Setter.Value>
  577.              </Setter>
  578.              <Style.Triggers>
  579.                  <Trigger Property="Orientation" Value="Vertical">
  580.                      <Setter Property="Template">
  581.                          <Setter.Value>
  582.                              <ControlTemplate TargetType="{x:Type Slider}">
  583.                                  <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
  584.                                      <Grid>
  585.                                          <Grid.ColumnDefinitions>
  586.                                              <ColumnDefinition Width="Auto"/>
  587.                                              <ColumnDefinition MinWidth="{TemplateBinding MinWidth}" Width="Auto"/>
  588.                                              <ColumnDefinition Width="Auto"/>
  589.                                          </Grid.ColumnDefinitions>
  590.                                          <TickBar x:Name="TopTick" Grid.Column="" Fill="{TemplateBinding Foreground}" Placement="Left" Visibility="Collapsed" Width=""/>
  591.                                          <TickBar x:Name="BottomTick" Grid.Column="" Fill="{TemplateBinding Foreground}" Placement="Right" Visibility="Collapsed" Width=""/>
  592.                                          <Border x:Name="TrackBackground" BorderBrush="{StaticResource VerticalSliderTrackNormalBorder}" BorderThickness="" Background="{StaticResource HorizontalSliderTrackNormalBackground}" Grid.Column="" CornerRadius="" HorizontalAlignment="center" Margin="0,5" Width="4.0">
  593.                                              <Canvas Margin="-1,-6">
  594.                                                  <Rectangle x:Name="PART_SelectionRange" Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}" StrokeThickness="1.0" Visibility="Hidden" Width="4.0"/>
  595.                                              </Canvas>
  596.                                          </Border>
  597.                                          <Track x:Name="PART_Track" Grid.Column="">
  598.                                              <Track.DecreaseRepeatButton>
  599.                                                  <RepeatButton Command="{x:Static Slider.DecreaseLarge}" Style="{StaticResource SliderRepeatButtonStyle}"/>
  600.                                              </Track.DecreaseRepeatButton>
  601.                                              <Track.IncreaseRepeatButton>
  602.                                                  <RepeatButton Command="{x:Static Slider.IncreaseLarge}" Style="{StaticResource SliderRepeatButtonStyle}"/>
  603.                                              </Track.IncreaseRepeatButton>
  604.                                              <Track.Thumb>
  605.                                                  <Thumb x:Name="Thumb" Style="{StaticResource VerticalSliderThumbStyle}"/>
  606.                                              </Track.Thumb>
  607.                                          </Track>
  608.                                      </Grid>
  609.                                  </Border>
  610.                                  <ControlTemplate.Triggers>
  611.                                      <Trigger Property="TickPlacement" Value="TopLeft">
  612.                                          <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
  613.                                          <Setter Property="Style" TargetName="Thumb" Value="{StaticResource VerticalSliderLeftThumbStyle}"/>
  614.                                          <Setter Property="Margin" TargetName="TrackBackground" Value="2,5,0,5"/>
  615.                                      </Trigger>
  616.                                      <Trigger Property="TickPlacement" Value="BottomRight">
  617.                                          <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
  618.                                          <Setter Property="Style" TargetName="Thumb" Value="{StaticResource VerticalSliderRightThumbStyle}"/>
  619.                                          <Setter Property="Margin" TargetName="TrackBackground" Value="0,5,2,5"/>
  620.                                      </Trigger>
  621.                                      <Trigger Property="TickPlacement" Value="Both">
  622.                                          <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
  623.                                          <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
  624.                                      </Trigger>
  625.                                      <Trigger Property="IsSelectionRangeEnabled" Value="true">
  626.                                          <Setter Property="Visibility" TargetName="PART_SelectionRange" Value="Visible"/>
  627.                                      </Trigger>
  628.                                      <Trigger Property="IsKeyboardFocused" Value="true">
  629.                                          <Setter Property="Foreground" TargetName="Thumb" Value="Blue"/>
  630.                                      </Trigger>
  631.                                  </ControlTemplate.Triggers>
  632.                              </ControlTemplate>
  633.                          </Setter.Value>
  634.                      </Setter>
  635.                  </Trigger>
  636.              </Style.Triggers>
  637.          </Style>
  638.      </Window.Resources>
  639.      <Grid>
  640.          <ProgressBar Height="" Margin="73.146,0,206.615,60.71" VerticalAlignment="Bottom"
  641.                       Maximum=""    x:Name="progressBar"
  642.                       Style="{DynamicResource ProgressBarStyle1}" Value="{Binding Value, ElementName=slider}"/>
  643.  
  644.          <Slider x:Name="slider"  Height=""  Value="" Margin="30 0 50 0" Maximum=""   Style="{StaticResource SliderStyle1}" IsSnapToTickEnabled="True"
  645.           AutoToolTipPlacement="TopLeft" AutoToolTipPrecision="" ></Slider>
  646.  
  647.      </Grid>
  648.  </Window>

WPFProgressBarAndSlider随位置显示Value的更多相关文章

  1. C#全屏随机位置显示图片的小程序

    想法:将屏幕截图作为程序背景图,在之上弹出提示窗口,选择确定后进行定时图片随机位置显示.(支持ESC键退出) 需要添加的控件:Timer 需要修改的Form1属性为下图红色区域: 资源文件的添加:添加 ...

  2. eclipse导入maven项目，资源文件位置显示不正确

    eclipse导入maven项目后,资源文件位置显示不正确,如下图所示 解决方法: 在resources上右键Build Path,选择Use as Source Folder即可正确显示资源文件

  3. SRC是在本位置显示：source的缩写，源的意思 HREF是点击后连接的目标：HyperlinkReference，超链接引用

    SRC是在本位置显示:source的缩写,源的意思HREF是点击后连接的目标:HyperlinkReference,超链接引用

  4. eclipse 怎么 直接查看 文件所在位置 显示在文件管理器中。用浏览器浏览。

    韩梦飞沙  韩亚飞  313134555@qq.com  yue31313  han_meng_fei_sha eclipse 怎么 直接查看 文件所在位置 显示在文件管理器中.用浏览器浏览.

  5. $.messager.show扩展：指定位置显示

    扩展了个$.messager.showBySite,根据舍得的位置显示$.messager.show.代码如下: /** * 指定位置显示$.messager.show * options $.mes ...

  6. Android 利用代码在屏幕中间位置显示ProgressDialog和ProgressBar

    package cc.testprogressdialog; import android.os.Bundle; import android.view.Gravity; import android ...

  7. 解决使用 Eruda 绑定 dom 未在指定位置显示问题

    前言 开发项目中,使用到 Eruda 打印控制台信息显示 文档:https://github.com/liriliri/eruda 安装 Eruda npm install eruda --save ...

  8. mui popover 自定义 弹出位置 显示 隐藏

    mui popover 一.要显示.隐藏弹出菜单插件,mui推荐使用锚点方式. 1.页面顶部导航栏.底部工具栏固定位置 <header class="mui-bar mui-bar-n ...

  9. .net web 点击链接在页面指定位置显示DIV的问题

    做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所以给页面加了MaintainScrollPositionO ...

随机推荐

  1. PMBOK学习笔记一

    项目管理就是将知识.技能.工具与技术应用于项目活动,以满足项目的要求.为了实现对这些知识的应用,需要对项目管理过程进行有效管理 为了取得项目成功,项目团队应该:. 选择适用的过程来实现项目目标:. 使 ...

  2. C#ArrayList集合——小例题

    用两种方法编写题目:输入姓名,语文分数,数学分数,英语分数到集合,求语文总分,数学平均分,英语最高分以及英语最高分是谁.法一:一个集合的做法 Console.Write("输入总人数:&qu ...

  3. 常用的主机监控Shell脚本

    最近时不时有朋友问我关于服务器监控方面的问题,问常用的服务器监控除了用开源软件,比如:cacti,nagios监控外是否可以自己写shell脚本呢?根据自己的需求写出的shell脚本更能满足需求,更能 ...

  4. spring listener监听器

    1.Listener的定义与作用 监听器Listener就是在application,session,request三个对象创建.销毁或者往其中添加修改删除属性时自动执行代码的功能组件. Listen ...

  5. SQL语句查询某表的所有字段及数据类型

    SQL语句查询某表的所有字段及数据类型 SELECT name AS column_name , TYPE_NAME(system_type_id) AS column_type , max_leng ...

  6. 烂泥：linux文件同步之rsync学习（一）

    本文由秀依林枫提供友情赞助,首发于烂泥行天下. 这几天刚好有空就打算开始学习linux下的文件同步软件rsync,在学习rsync时,我们可以分以下几个步骤进行: 1. rsync是什么 2. rsy ...

  7. df,du,mount

    df 查看当前系统中文件系统的使用情况 $df [-aTh]缺省选项查看当前系统的所有文件系统 -a列出所有的信息 -T列出文件系统类型 -hhuman-readable,用合适的单位表示大小 $df ...

  8. [转载]python脚本删除一定时间以外的文件

    import os; import sys; import time; class DeleteLog: def __init__(self,filename,days): self.filename ...

  9. 在Windows下配置Python+Django+Eclipse开发环境

    一.配置开发环境我的开发环境是:Python2.6.7 + Django1.6.2 + Eclipse1.安装Python2.安装Eclipse的Python插件PyDev如上两步如何操作请点击此进行 ...

  10. Eclipse和PyDev搭建完美Python开发环境（Windows篇）

    目录安装Pythonpython for eclipse插件安装配置PyDev插件测试 安装Python从网站上下载最新的版本,从http://python.org/download/下载.安装过程与 ...