Axure制作进度条

开发工具与关键技术:动态面板

1、首先创建一个空白页面,在工作区域拖入相关元件元素

2、然后对第一个矩形进行设置,包括名称、样式等,这个是进度条的背景

3、再对第二个矩形进行设置,包括样式等,这个是进度条

4、然后将第二个矩形转换为动态页面,并对其进行命名

5、将两个矩形放置同一个位置

6、下面开始对交互事件进行设置了,我们只需要在页面载入的时候加即可,首先是页面载入时让进度条的宽度为1,就是进度的百分之一感觉

7、然后等待一段时间,再开始让进度条走动

8、让进度条走动其实就是将矩形的宽度拉长,这里需要注意动画效果要选择为线性

9、最后,f5预览一下效果,进度条会缓慢的加载中,如果觉得过快或过慢的话,回到交互事件中,将时间加长或缩短就可以了。

这是我所学到的Axure制作进度条,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

VibMike

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值