设计步骤:
1.拖放一个480X20的白底灰框矩形,命名为【矩形条】
2.拖放一个1X20的灰底灰框矩形,命名为【进度条】,放【矩形条】的最左侧
3.拖放一个文本标签,放在【矩形条】的正中间,命名为【百分比】,初始状态设置为隐藏。
4.设置“进度条”的载入时用例 :
在【进度条】载入时设置其尺寸的宽为【矩形条】的宽,高为20,锚点为左侧,动画为线性,时间为5000毫秒。
5. 设置“百分比”的载入时用例:
设置“百分比”载入时显示当前原件
6. 设置“百分比”的显示时用例:
(1)设置文本文字为【进度条】宽度占【矩形条】宽度的百分比
(2)等待0毫秒
(3)隐藏当前元件
(4)显示当前元件
7.完成,点击预览一下
原型查看效果地址:https://ldjljp.axshare.com
原型RP文件下载地址:https://download.csdn.net/download/qq_27884377/10786144
想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!