天天看点

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

设计步骤:

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

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

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

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

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

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

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

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

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

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

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

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

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

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

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

(2)等待0毫秒

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

(3)隐藏当前元件

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

(4)显示当前元件 

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

7.完成,点击预览一下

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

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

                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

青铜修炼手册:Axure进度条                            想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!