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

访客3年前黑客文章780

编辑导读:本文跟各人分享,如何用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端产品交付(3):产品实现或项目交付中的4个灵魂铁三角

B端产品交付(3):产品实现或项目交付中的4个灵魂铁三角

无论是内部的产物实现,照旧甲方的项目交付,都需要有个不变的焦点体系来掌握偏向,教育团队尽心尽力、定期交付。本文将从甲乙两边、项目组泛起4个铁三角,与各人分享。 大型B端产物的产物实现与实施交付的项目...

国内主流民宿预订APP暑期活动测评:优惠+实力=真硬核

国内主流民宿预订APP暑期活动测评:优惠+实力=真硬核

编辑导语:每年的暑期是重要的旅游旺季之一,旅游和住宿企业自然不会放过这个大促的节点,跟着民宿在海内的普及,民宿正在成为更多人的住宿新选择;市场上民宿预订APP数量多,暑期勾当更是多到让人目眩凌乱。本文...

如何搭建一个case评测流程(一)

如何搭建一个case评测流程(一)

编辑导语:一个产物司理在日常事情中不行制止的内容就是处理惩罚业务badcase,然而许多团队、PM对付badcase的处理惩罚还逗留在发明一个问题,处理惩罚一个问题阶段,效率低到可骇。本文作者团结自身...

以服饰零售业务为例,规划零售中心数据分析体系

以服饰零售业务为例,规划零售中心数据分析体系

编辑导语:零售中心数据阐明体系对付零售业务来说十分重要。在本文中,作者以衣饰零售中心数据阐明为例,举办了总部型企业数据阐明体系搭建的初探,实验通过数据系统高效的分解业务问题。 配景: 现阶段公司的数...

把私域复购率做到60%的2个关键点实操(上)

把私域复购率做到60%的2个关键点实操(上)

编辑导读:近些年,许多公司开始专研私域流量。想要用好私域流量,就要在风雅化运营上苦下工夫。本文作者从一个实际案例出发,阐明如何提高私域的复购率,但愿对你有辅佐。 前几天,我跟一个挚友步行到公司斜劈面...

一文看懂:什么是品牌,它有什么用?

一文看懂:什么是品牌,它有什么用?

编辑导读:品牌对付企业来说,是定海神针一样的存在,市场事情都环绕它展开。可是什么是品牌,它有什么用呢?本文将从六个方面举办阐明,对品牌感乐趣的童鞋不要错过。 在企业做市场事情的人,品牌恐怕是一个绕不...