您现在的位置:   首页 >> 新闻中心 >> 原型设计

如何用Axure制作匀速环形进度条?

发布人:www.yunke.ai 发布时间:2021-01-01 148 次浏览

在各类产品中,关于进度条的展现方式各异,而笔者选择了常见的匀速环形进度条,向我们展示了用Axure制作的要点与逻辑。

01 最终效果

  • 元件加载环形(圆形)进度条自动增长(匀速)
  • 百分比数值跟随变化
  • 进度条增长到一定长度停止增长(百分比跟随停止)

02 注意事项

  • 本教程用Axure9作为教程说明工具(Axure8可适用)
  • 本教程对于Axure基本操作不做赘述

03 制作难点

  • 实现思路的逻辑(循环事件的应用)
  • 全局变量与交互事件的应用

04 元件准备

图中带有闪电标识表示有创建交互事件的元件:

05 交互逻辑思路