WPF 之更改Slider样式
程序员文章站
2022-07-13 23:03:57
...
样式添加,其中Thumb滑块的图片自定义,Slider横条的图片也是自定义的图片,引用非常方便
<Window.Resources>
<Style x:Key="Slider_Thumb" TargetType="Thumb">
<Setter Property="Focusable" Value="false" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Thumb">
<Image Width="30" Height="30" Source="Image\VolumCor.png" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="Slider_CustomStyle" TargetType="Slider" >
<Setter Property="Focusable" Value="false" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Slider">
<Grid Height="30" >
<Grid.Background>
<ImageBrush ImageSource="Image\VolumLong.png" />
</Grid.Background>
<!--<Grid.Effect>
<DropShadowEffect BlurRadius="0" ShadowDepth="0" />
</Grid.Effect>-->
<Track Grid.Column="1" Name="PART_Track">
<Track.Thumb>
<Thumb Style="{StaticResource Slider_Thumb}"/>
</Track.Thumb>
</Track>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
在引用的时候只需添加
Style="{StaticResource Slider_CustomStyle}"
即可完成。
上一篇: 页面载入时使用jquery来自动选中页面中的多选框
下一篇: ElementUI之表格多选框使用