在test示例下面，有一个关于此功能的代码，实现的效果如下：

通过拉动可旋转的按钮，从而改变所代表的值，这个效果的确是很棒的，但，和我的需求有一些差别，先贴上我实现的效果吧

先看先第一张图，头像环绕的进度条从0开始，直到最后显示效果如第二张图所示，整个过程采用定时器来完成，和示例中的通过手拖动旋转按钮表面上不同（头像没有旋转），其实，原理是一样的，那张头像不过是放到上面的，头像下面仍有一个旋转的图片，只是我们看不到而已，来看下代码吧

声明文件：

定义部分：

copy