[发明专利]一种基于WPF的弧形滑动控件的设计方法

说明书

本发明公开一种基于WPF的弧形滑动控件的设计方法，包括创建一个空白的用户控件，定义好目标弧形控件的属性值，创建一个画布容器，在画布容器内创建两个椭圆和一个内容模型，将内容模型的属性设置为滑块，两个椭圆重叠在一起，创建一个事件容器，在事件容器内计算出最小角度和最大角度，计算出作为滑动部分的椭圆的周长、目标弧形控件的总长度，将属性StrokeDashArray内绘制成一个封闭椭圆或非闭合椭圆的弧形；计算确定出目标弧形控件当前滑过的百分制和滑块在canvas画布容器内的当前坐标值，从而得到可滑动的弧形控件。本发明能根据用户需求动态改变弧度和旋转的角度和弧度的起点，满足不同产品需要弧形滑动条的需求。

技术领域

本发明涉及软件控件设计技术领域，具体涉及一种基于WPF的弧形滑动控件的设计方法。

背景技术

WPF(Windows Presentation Foundation)是微软推出的基于Windows的用户界面框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。

现有WPF中，常用的滑动条是一条横向或纵向的滑动条，也即是直线式的滑动条，即使修改样式，其所呈现出来的效果也是单一的一条直线，不能满足弧形控件操作的用户需求，也即不能根据用户的需求定制像弧形刻度尺或时钟滑动那样的控件。

发明内容

针对现有技术的不足，本发明的目的提供一种基于WPF的弧形滑动控件的设计方法，其能够解决现有WPF中直线式滑动条控件的问题。

实现本发明的目的的技术方案为：一种基于WPF的弧形滑动控件的设计方法，包括如下步骤：

步骤1：创建一个空白的usercontrol用户控件，在usercontrol用户控件内定义好目标弧形控件的属性值，属性值包括目标弧形控件的宽、高、背景颜色、起始角度值、结束角度值、默认滑过的百分值、边框大小、滑块的样式，

在空白的usercontrol用户控件上创建一个canvas画布容器，在canvas画布容器内创建两个Ellipse椭圆和一个border内容模型，将border内容模型的属性设置为滑块，两个Ellipse椭圆重叠在一起，一个作为目标弧形控件的固定部分且位于底部，另一个作为目标弧形控件的滑动部分且位于上部；

步骤2：为Ellipse椭圆创建一个事件容器，在事件容器内，分别按公式①和②计算出最小角度和最大角度：

式中，表示步骤1中设置的起始角度值，表示步骤1中设置的结束角度值，

按公式③计算出作为滑动部分的椭圆的周长，该周长也即是目标弧形控件的周长：

l_弧形控件＝(h-b)*π*(α_max-α_min)/360 ------③

式中，h表示步骤1中设置的高，b表示步骤1中设置的边框大小，

按公式④计算出目标弧形控件的总长度：

按公式⑤计算出目标弧形控件的进度长度：

式中，per表示步骤1中设置的默认滑过的百分值，

然后，在Ellipse椭圆的属性StrokeDashArray内绘制成一个封闭椭圆或非闭合椭圆的弧形，该弧形即作为目标弧形控件；

步骤3：计算确定出目标弧形控件当前滑过的百分制和滑块在canvas画布容器内的当前坐标值，从而得到可滑动的弧形控件。