wpf slider拖动滑块气泡提示

Posted 2023-03-14

参考技术A 拖动滑块气泡提示如下：
首先创建项目，添加Slider控件。然后获取Slider的Window样式。
然后弹出界面.我们点击确定。
点击确定后，我们的页面的Resources中，增加了一系列样式代码，而滑块代码会被修改为如下样子：上述代码中我们可以看发现Slider使用的模板是SliderHorizontal，但当他的排列方向为Vertical时，则使用SliderVertical模板。因为Slider控件默认是横向布局，所以我们先修改SliderHorizontal模板，对Slider进行下美化。同样，我们继续F12跟进SliderHorizontal的定义。
SliderHorizontal模板的定义比较多，这里直接定义到重点内容——轨道。首先定位到代码。
SliderThumbHorizontalDefault模板，所以，我们继续F12跟进SliderThumbHorizontalDefault查看它的定义。
从上述代码中可以看到，滑块定义很简单，布局就是一个Grid里放了一个Path，事件响应只有3个。下面为修改Path的Fill填充色和Stroke的划线颜色。只要从模板SliderVertical开始，以此处理修改即可。