Axure RP9:数字加载效果

一、实现效果

数字加载

二、实现步骤

  首先找到要实现加载效果的Text,之后添加交互,如下图:

交互截图
  1. LOADED:Text加载时触发的交互事件。
  2. if 条件:判断如果当Text值小于“12345”时才执行后续的动作。
  3. Wait:停留100毫秒的时间。
  4. Set Text:设置Text的值(每次增加后的值)。
  5. Fire Event:再次触发Text的LOADED交互事件。

  以上5个步,形成一个循环,如果Text的值小于12345时,每隔100毫秒会一直执行下去,直到Text的值大于12345时,才会跳出循环。
  每个100毫秒增加的数值,可以是随机数,也可以是固定的数,用随机数效果会更好一些,公式如下图:


Set Text

复制公式:[[this.text+(Math.random()*1000).toFixed(0)]]
Math.random():会生成一个随机数。乘以1000是让这个加数变得更大一些,要不然要等很久才会大于12345。
toFixed(0):表示保留0为小数,也就是去掉小数。因为通过Math.random()生成的随机数是带有很多位小数的,所以需要去掉小数,保留为整数。

  ok,数字加载效果搞定了!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工欲善其事必先利其器。Axure学习成本不高,但易懂难精,使用了半天如果仅仅停留在画出灰度原型基本用法,不免逼格低...
    tcoy007阅读 15,937评论 1 16
  • 一、概述 Axure 9.0为我们提供了大量的函数,正式因为有了这些函数配合各种动作,才使得Axure作出的原型交...
    H木槿阅读 881评论 0 2
  • 元件函数 This用途:获取当前元件对象。当前元件是指当前添加交互动作的元件。 Target用途:获取目标元件对象...
    西贝槑阅读 942评论 0 1
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,573评论 16 22
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 10,613评论 0 11