您现在的位置是：首页 > 奇闻怪事奇闻怪事
滚动数据大屏幕制作(axure动态面板滚动效果)
2022-10-21 17:56:04奇闻怪事0人已围观
简介 滚动数据大屏幕制作(axure动态面板滚动效果)、本站经过数据分析整理出滚动数据大屏幕制作(axure动态面板滚动效果)相关信息，仅供参考！
在日常的大屏幕设计中，我们经常使用数字滚动效果
滚动数据大屏幕制作(axure动态面板滚动效果)、本站经过数据分析整理出滚动数据大屏幕制作(axure动态面板滚动效果)相关信息，仅供参考！
在日常的大屏幕设计中，我们经常使用数字滚动效果。今天，符号教你几种简单的数字滚动效果。
示范效应：
演示地址：https://www.axurebi.com/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动态面板滚动效果)的请关注本站。
Tags： 奇闻怪事
很赞哦！ ()
相关文章
随机图文
| 留言与评论 （共有 条评论） |