青铜修炼手册:Axure进度条

设计步骤:

1.拖放一个480X20的白底灰框矩形,命名为【矩形条】

2.拖放一个1X20的灰底灰框矩形,命名为【进度条】,放【矩形条】的最左侧

3.拖放一个文本标签,放在【矩形条】的正中间,命名为【百分比】,初始状态设置为隐藏。

4.设置“进度条”的载入时用例 :

        在【进度条】载入时设置其尺寸的宽为【矩形条】的宽,高为20,锚点为左侧,动画为线性,时间为5000毫秒。

5. 设置“百分比”的载入时用例:

扫描二维码关注公众号,回复: 4082652 查看本文章

          设置“百分比”载入时显示当前原件

6. 设置“百分比”的显示时用例:

(1)设置文本文字为【进度条】宽度占【矩形条】宽度的百分比

(2)等待0毫秒

(3)隐藏当前元件

(4)显示当前元件 

7.完成,点击预览一下

 原型查看效果地址:https://ldjljp.axshare.com

 原型RP文件下载地址:https://download.csdn.net/download/qq_27884377/10786144

猜你喜欢

转载自blog.csdn.net/qq_27884377/article/details/84100146
今日推荐