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

Axure:一个简单的进度条,了解“触发事件”动作

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

本文通过制作一个简单的进度条,顺便来了解一下“触发事件”动作。

先看效果:

涉及知识点:

  • “设置尺寸”动作;
  • 元件变量:Target;
  • 元件属性:height(元件高度)、width(元件宽度);
  • 数学函数:math.floor() – 返回小于或等于一个给定数字的**整数 —— 算法;
  • 了解“触发事件”动作 —— 循环关键点;
  • 了解“等待”动作 —— 与觖发动作结合使用才能有效循环;
  • 了解动作执行的前提条件。

实现目标:

  1. 完成需求:点击开始,进度条自动填充满,并在此过程中不断更新当前进度 – 百分比;
  2. 练习目的:通过使用“触发事件”,完成自循环及停止循环。有别于常用的动态面板循环机制。

难点:

如果只是自动充满,那么用一下设置尺寸,加一个动画就可以搞定。但是这个百分比一直在变,就需要动一点点小心思了。

以下是具体步骤