【Axure】快速制作进度条

良多时辰加载网页时城市呈现一个进度条, 经由过程简单的动画让期待的时候不那么乏味 。 若何利用Axure建造进度条?简单几步, 让你轻松几步解决 。

【Axure】快速制作进度条

文章插图

需要这些哦
Axure PR 8
方式/
11. 启动软件, 新建, 点窜页面名称如下 。

【Axure】快速制作进度条

文章插图

22. 双击打开loading页面, 拖入一个矩形建造进度条边框-->拖入文字标签, 显示加载信息 。

【Axure】快速制作进度条

文章插图

【Axure】快速制作进度条

文章插图

33. 拖入【动态面板】建造进度条填充块-->调整大小如下 。

【Axure】快速制作进度条

文章插图

44. 双击进度条填充条-->双击state1进入-->拖入【矩形】建造【完整填充条】, 并设置填充色 。

【Axure】快速制作进度条

文章插图

5【【Axure】快速制作进度条】5. 拖入【动态面板】作为【完整填充条】的【笼盖块】-->调整大小与【完整填充条】一致

【Axure】快速制作进度条

文章插图

66.双击【笼盖块】-->双击state1, 进入state1-->.拖入【矩形】, 点窜名称为【白色块】, 调整大小布满虚线框, 并设置填充色为白色, 边框为无 。

【Axure】快速制作进度条

文章插图

77. 双击【login】页面, 插入登录界面截图(以qq邮箱为例)-->插入登录按钮截图, 设置单击事务, 点击后进入loading页面 。

【Axure】快速制作进度条

文章插图

88.双击【mailbox】页面, 插入邮箱界面 。

【Axure】快速制作进度条

文章插图

99. 双击【loading】页面的【页面载入时】进行以下设置 。

【Axure】快速制作进度条

文章插图

1010. 打开login页面, 【F5】预览 。

11若是您感觉有效, 记得鄙人方点击投票、点赞、存眷、留言, 小编会按期送上更多的惊喜哦, 您的撑持才是小编继续尽力的动力, 么么哒 。

【Axure】快速制作进度条

文章插图


以上内容就是【Axure】快速制作进度条的内容啦, 希望对你有所帮助哦!

推荐阅读