首先删除Thumb里定义的宽和高,因为不删除它们,模板里的宽高会受此限制。
删除后如下:
现在我们再来修改SliderThumbHorizontalDefault模板。
在模板里找到Path,修改他的Data,之前他的Data是自己画的一个矩形,现在我们给他改为椭圆形,并且给Path重新设置宽高,如下:
我们得到效果如下:
可以看到,图中的滑块是个圆形,而我们需要的是一个椭圆形。
处理很简单,修改Path的Width即可,我们该为14,得到效果如下:
当然,我们既然可以通过修改样式设计椭圆形滑块,就也可以设计其他形状滑块,比如,我们修改Path如下,获得斜角四边形滑块:
效果图如下:
修改代码如下,设置三角形滑块:
效果图如下:
----------------------------------------------------------------------------------------------------
上述代码设置的都是水平方向的滑块样式,垂直方向的滑块样式设置同理,只要从模板SliderVertical开始,以此处理修改即可。
----------------------------------------------------------------------------------------------------
到此WPF滑块控件(Slider)的自定义样式就已经讲解完成了。
代码已经传到Github上了,欢迎大家下载。
Github地址:https://github.com/kiba518/WpfSlider
----------------------------------------------------------------------------------------------------
总结
以上所述是小编给大家介绍的WPF滑块控件(Slider)的自定义样式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对黑区网络网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!