WPF滑块控件(Slider)的自定义样式(2)

首先删除Thumb里定义的宽和高,因为不删除它们,模板里的宽高会受此限制。

删除后如下:

现在我们再来修改SliderThumbHorizontalDefault模板。

在模板里找到Path,修改他的Data,之前他的Data是自己画的一个矩形,现在我们给他改为椭圆形,并且给Path重新设置宽高,如下:

我们得到效果如下:

可以看到,图中的滑块是个圆形,而我们需要的是一个椭圆形。

处理很简单,修改Path的Width即可,我们该为14,得到效果如下:

当然,我们既然可以通过修改样式设计椭圆形滑块,就也可以设计其他形状滑块,比如,我们修改Path如下,获得斜角四边形滑块:

效果图如下:

修改代码如下,设置三角形滑块:

效果图如下:

----------------------------------------------------------------------------------------------------

上述代码设置的都是水平方向的滑块样式,垂直方向的滑块样式设置同理,只要从模板SliderVertical开始,以此处理修改即可。

----------------------------------------------------------------------------------------------------

到此WPF滑块控件(Slider)的自定义样式就已经讲解完成了。

代码已经传到Github上了,欢迎大家下载。

Github地址:https://github.com/kiba518/WpfSlider

----------------------------------------------------------------------------------------------------

总结

以上所述是小编给大家介绍的WPF滑块控件(Slider)的自定义样式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对黑区网络网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/1693.html