Axure 9 绘制数字循环跳动交互

在配置日常大屏设计事情中,我们会常常利用到数字转动结果。
演示结果:



但是网上说的不够详细,在此重新记录下Axure 9制作跳动数据效果。

1、设置文本

取一个文本元件,如图配置元件数值,这个数字为起始数字。


设置数字
2、设置变化时间

首先设置交互形式,选择载入时,即页面载入时自动触发。



设置等待时间,这一步是为了控制数字变动的快慢,越短数字变化的越快。


3、设置数字变动

添加动作"设置文本",设置函数为:[[LVAR1+(Math.random()*10).toFixed(0)]]
并在下方设置局部变量,如下所示

4、设置交互循环

添加动作“触发事件”,并设置当前原件载入时候,这样每次在原件数据更新的时候,就会触发变化效果。



保存后,点击预览就可以看到数字增加的效果了。

你可能感兴趣的:(Axure 9 绘制数字循环跳动交互)