Axure教程:数据大屏设计之实时数字滚动效果

访客3年前黑客文章779

编辑导读:本文跟各人分享,如何用Axure实现数据大屏及时数字转动结果,作者从预览图,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。

Axure教程:数据大屏设计之及时数字转动结果

在配置日常大屏设计事情中,我们会常常利用到数字转动结果,本日标记教各人几个简朴的数字转动结果。

演示结果:

Axure教程:数据大屏设计之及时数字转动结果

演示地点:

本教程通过3种 *** 实现上面的数字转动结果。

需要元件:

文本

中继器

动态面板

之一种:牢靠区间数字随机无限制增加

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

Axure教程:数据大屏设计之及时数字转动结果

配置元件载入交互,如下图:

1、配置期待时间为50毫秒。时间越短转动就越快。

2、配置载入时的文字:[[LVAR1+(Math.random()*10).toFixed(0)]]  

3、配置载入轮回触发事件这个很重要能不能轮回动起来就看它了。这边配置当前元件载入时就行。

4、生存元件交互预览看看。

Axure教程:数据大屏设计之及时数字转动结果

第二种:随机增加数字,配置更大值

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

1、配置判定数值小于10000时,数字加1。通过元件载入节制结果元件载入交互,如下图:

2、配置期待时间为50毫秒。时间越短转动就越快。

2、配置载入时的文字:[[This.text+1]]

3、配置载入轮回触发事件这个很重要能不能轮回动起来就看它了。这边配置当前元件载入时就行。

3、生存元件交互预览看看。

Axure教程:数据大屏设计之及时数字转动结果

第三种:利用中继器存放随机数字,做转动结果

拉取一其中继器元件,一个动态面板,一个文本元件,如图配置文本元件为0.00。

1、配置中继器字段,num,cs。cs为累计次数(数值越大显示转动时间越长),num为计较数值。如下图:

Axure教程:数据大屏设计之及时数字转动结果

2、配置中继器中的动态面板case1交互,如下图。

Axure教程:数据大屏设计之及时数字转动结果

Axure教程:数据大屏设计之及时数字转动结果

Axure教程:数据大屏设计之及时数字转动结果

配置中继器中的动态面板case2,如下图:

Axure教程:数据大屏设计之及时数字转动结果

配置中继器中的动态面板case3交互。如图:

Axure教程:数据大屏设计之及时数字转动结果

3、生存元件交互预览看看。

到这就做好三个差异的数字转动的结果了,通过本教程但愿对新手伴侣有所辅佐。感谢!

相关文章

入门级数据分析师,该掌握哪些技能

入门级数据分析师,该掌握哪些技能

编辑导语:想成为一个优秀的数控据阐明师,靠网课和理论是不足的;数据阐明需要面临详细的业务问题,应付详细的系统状况,有本身的思考;本文作者阐明白作为一名入门级数据阐明师,应该把握哪些技术。 许多同学很...

腾讯面试题:给视频设计一个评分功能?

腾讯面试题:给视频设计一个评分功能?

笔者对一个腾讯产品面试题进行拆解,阐释了拿到题目之后的思考方向,分享给大家~~ 腾讯视频面试题目:现在需要为长视频设计一个评分功能,如何保证长视频评分的客观性? 一、什么样的视频需要考虑设计评分功能...

关于B端产品列表的一些思路

关于B端产品列表的一些思路

编辑导语:B端产物列表的设计和分列有许多种要领,本文作者基于本身的事情经验,对B端产物列表举办了劈头的阐明与总结,为我们分享了一些她的观点。 B端产物列表的内容量较大,所承载操纵也就会多一些。 在设...

用私域流量玩法卖酒,一年做到8000万营业额

用私域流量玩法卖酒,一年做到8000万营业额

编辑导读:私域流量是近几年的热门话题之一,以前人人讨厌微商,此刻人人都是微商。尽量私域流量的长处多多,可是想要用好它并不是一件简朴的事。本文作者采访了一位首创人,相识他是如何用私域流量卖酒的,但愿对你...

如何把你的用户召回做得更加系统化?

如何把你的用户召回做得更加系统化?

编辑导语:用户召回,是将流失用户再拉回我们的应用,让老用户不要那么快成为流失用户,让新用户尽快利用焦点成果然正成为我们的用户。本日本文作者就和我们聊一聊在做流失用户召回或沉默沉静用户叫醒时,应该如何去...

焦虑的微信公众号

焦虑的微信公众号

编辑导语:近几年,越来越多的娱乐软件层出不穷,各人可以在各类APP上获取常识和信息;较为传统的微信公家号在这时候就没有占到太多优势,于是,微信增加了各类百般的公家号新成果;本文作者从微信公家号的改变举...