先来看看截图效果吧!
然后,来说一下特点。
1、无需制作环状的自定义形状元件。
2、无需使用全局变量。
3、过程清晰,容易实现。
关键步骤:
1、点击复位按钮,将百分比文字、开始按钮文字、两个动态面板内的矩形left、right恢复原状以及停止动态面板loop的循环;
2、点击开始按钮时,如果按钮文字为开始,将文字设置为“暂停”,并开启动态面板loop的循环;否则,设置文字为“开始”,并停止动态面板loop的循环;
3、动态面板loop循环时,如果左侧的矩形left角度小于180度,则将该元件以右侧边界中心点为中心顺时针旋转2度(这个数字可调整,以控制进度条的速度),同时,通过函数计算出进度条角度的百分比,呈现在元件NumberText上;否则,如果右侧的矩形right角度小于180度,则将该元件以左侧边界中心点为中心顺时针旋转2度;同时,通过函数计算出进度条角度的百分比,呈现在元件NumberText上;否则,停止动态面板loop的循环。
源文件下载地址:http://pan.baidu.com/s/1nv5zzNr
---------------------------------------------------- End ----------------------------------------------------
转载请注明:Axure原创教程网 » 环形进度条(复位+百分比+暂停)
小楼老师倾力打造AxureRP7.0精品课程系列,独特的技术,淫荡的思路,销魂的声音,丰富的姿势,润滑的体验,超爽的感觉,想要?就从下面进入!
《AxureRP7.0从入门到精通》------从零向高手蜕变的必修课------<<想上它,插这里!>>