슬라이더의 트랙 템플릿을 어떻게 변경합니까?

Question

트랙을 슬라이더로 변경하고 싶습니다. 이것을 할 수있는 방법이 있습니까?

<Track x:Name="PART_Track" Grid.Row="1"> 
    <Track.DecreaseRepeatButton> 
     <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}" Command="{x:Static Slider.DecreaseLarge}"/> 
    </Track.DecreaseRepeatButton> 
    <Track.IncreaseRepeatButton> 
     <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}" Command="{x:Static Slider.IncreaseLarge}"/> 
    </Track.IncreaseRepeatButton> 
    <Track.Thumb> 
     <Thumb x:Name="Thumb" Style="{StaticResource HorizontalSliderThumbStyle}"/> 
    </Track.Thumb> 

Answer 1

이 트랙은 엄지 손가락과 반복 link text 버튼의 위치를 ​​처리한다. 트랙의 실제 모습은 슬라이더의 템플릿에 있습니다.

는의 모양을 변경하려면 컨트롤 템플릿

<ControlTemplate TargetType="{x:Type Slider}"> 
<Border SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto" MinHeight="{TemplateBinding MinHeight}"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <TickBar x:Name="TopTick" Height="4" Visibility="Collapsed" Grid.Row="0" Fill="{TemplateBinding Foreground}" Placement="Top"/> 
     <TickBar x:Name="BottomTick" Height="4" Visibility="Collapsed" Grid.Row="2" Fill="{TemplateBinding Foreground}" Placement="Bottom"/> 
     <Border Margin="5,0" VerticalAlignment="center" Height="20.0" Grid.Row="1" Background="{StaticResource HorizontalSliderTrackNormalBackground}" BorderBrush="{StaticResource HorizontalSliderTrackNormalBorder}" BorderThickness="1" CornerRadius="1"> 
      <Canvas Margin="-6,-1"> 
       <Rectangle x:Name="PART_SelectionRange" Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}" StrokeThickness="1.0" Height="4.0" Visibility="visible"/> 
      </Canvas> 
     </Border> 
     <Track x:Name="PART_Track" Grid.Row="1"> 
      <Track.DecreaseRepeatButton> 
       <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}" Command="{x:Static Slider.DecreaseLarge}"/> 
      </Track.DecreaseRepeatButton> 
      <Track.IncreaseRepeatButton> 
       <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}" Command="{x:Static Slider.IncreaseLarge}"/> 
      </Track.IncreaseRepeatButton> 
      <Track.Thumb> 
       <Thumb x:Name="Thumb" Style="{StaticResource HorizontalSliderThumbStyle}"/> 
      </Track.Thumb> 
     </Track> 
    </Grid> 
</Border> 

에, PART_SelectionRange을 다음과 같은 영역을 변경 "추적"