滚动数据大屏幕制作(axure动态面板滚动效果)

科学探索 2023-05-01 12:38www.bnfh.cn科学探索

　　滚动数据大屏幕制作(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动态面板滚动效果)的请关注本站。