slider wpf 垂直_WPF滑块控件(Slider)的自定义样式

前言

每次开发滑块控件的样式都要花很久去读样式代码，感觉有点记不牢，所以特此备忘。

自定义滑块样式

首先创建项目，添加Slider控件。

然后获取Slider的Window样式，如下图操作。

然后弹出界面如下.我们点击确定。

点击确定后，我们的页面的Resources中，增加了一系列样式代码，而滑块代码会被修改为如下样子：

可以看到，系统为我们的Slider控件增加了样式——Style="{DynamicResource SliderStyle1}"

现在我们查看样式SliderStyle1，F12跟踪到定义。

上述代码中我们可以看发现Slider使用的模板是SliderHorizontal，但当他的排列方向为Vertical时，则使用SliderVertical模板。

因为Slider控件默认是横向布局，所以我们先修改SliderHorizontal模板，对Slider进行下美化。

同样，我们继续F12跟进SliderHorizontal的定义。

SliderHorizontal模板的定义比较多，这里直接定义到重点内容——轨道。

首先定位到代码【Border x:Name="TrackBackground"】，这里的TrackBackground是控制滑块背景颜色的，我们修改其背景颜色和边框颜色。

得到效果如下：

但我们有时候需要拖动前后颜色不一样，此时就靠背景修改就不够了。

在SliderHorizontal模板中找到DecreaseRepeatButton和IncreaseRepeatB