滚动数据大屏幕制作(axure动态面板滚动效果)
滚动数据大屏幕制作(axure动态面板滚动效果)、本站经过数据分析整理出滚动数据大屏幕制作(axure动态面板滚动效果)相关信息，仅供参考！
在日常的大屏幕设计中，我们经常使用数字滚动效果。今天，符号教你几种简单的数字滚动效果。
示范效应
演示地址https://.axurebi./softs/号码/#g=1
本教程通过3种方式实现上述数字滚动效果。
所需组件
1.文本
2.中继器
3.发电机盘
第一种固定区间数随机增加，不受限制。
拉出一个文本元素，并设置元素值，如图所示。这个号码是起始号码。
设置组件加载交互，如下图所示
1.将等待时间设置为50毫秒。时间越短，滚动越快。
2.加载时设置文本[[lvar1 (math.random () 10)。tofixed (0)]]
3.设置加载周期的触发事件非常重要。能不能循环就看它了。加载当前组件时在此设置。
3.保存组件的交互式预览。
第二种方法是随机增加数字，设置最大值。
拉出一个文本元素，并设置元素值，如图所示。这个号码是起始号码。
1.当判断值小于10000时，在数字上加1。通过组件加载控制组件加载的效果，如下图所示
2.将等待时间设置为50毫秒。时间越短，滚动越快。
2.加载时设置文本[[This.text 1]]
3.设置加载周期的触发事件非常重要。能不能循环就看它了。加载当前组件时在此设置。
3.保存组件的交互式预览。
第二种方法是使用repeater存储随机数以获得滚动效果。
取一个repeater元素，一个动态面板和一个text元素，设置text元素为0.00，如图所示。
1.设置中继器字段，编号，cs。Cs是累计次数(数值越大，滚动时间越长)，num是计算出的数值。如下图
2.在repeater中设置动态面板case1交互，如下图所示。
在中继器中设置动态面板case2，如下图所示
在中继器中设置动态面板case3交互。如图所示
3.保存组件的交互式预览。
这样就完成了滚动三个不同数字的效果。希望这篇教程对新手朋友有帮助。谢谢你
更多关于滚动数据大屏幕制作(axure动态面板滚动效果)的请关注本站。