欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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}"

即可完成。
WPF 之更改Slider样式