Axure进度条

本文档介绍了如何使用Axure RP制作一个动态进度条。首先通过调整矩形的大小、颜色和边框来创建基本组件,然后设置居中对齐。接着添加标题并隐藏,利用显示时的事件设置文本,结合局部变量和数学运算动态计算进度百分比。最后,通过按钮事件控制进度条的显示和尺寸更新,实现进度条效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 拉入两个矩形,并改变其大小、颜色、边框、名称。
  2. 拉入一个三级标题,选中标题和大矩形,点击左右居中和上下居中。
  3. 拉入两个按钮,改变其大小、颜色、边框、名称。
  4. 选中标题,点击隐藏。
  5. 选中标题,点击更多事件,点击显示时,点击设置文本,选中标题,点击“fx”。
  6. 点击两次“添加局部变量”,选择LVAR1的元件为小矩形,选择LVAR2的元件为大矩形。
  7. 删除文字“三级标题”,点击“插入变量或函数”跳出选项栏,点击数学中的“floor(x)”。
  8. 选择括号中的“x”,点击“插入变量或函数”点击原件中的“width”,在得到的数后面加上“/”,再次点击 “插入变量或函数” 点击原件中的“width”。
  9. 选择第一个“This”,点击插入变量或函数,点击“LVAR1”,选择第二个“This”,点击“LVAR2”,在乘以100,而后在数字后加上“%”。
  10. 点击等待,设置等待事件为零毫秒,点击隐藏,选择标题。
  11. 点击显示,选择标题,点击确定。
  12. 选中加载按钮,点击显示,选择标题。
  13. 点击设置尺寸,选择小矩形,点击宽度后的“fx”,点击添加局部变量,设置元件为大矩形。
  14. 删除1,点击插入变量或函数,点击元件中的“width”,选中“This”,点击插入变量或函数,点击“LVAR1”。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值