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

访客3年前黑客文章778

编辑导读:本文跟各人分享,如何用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、生存元件交互预览看看。

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

相关文章

黑色星期五之客户群体分析

黑色星期五之客户群体分析

编辑导语:玄色礼拜五是美国人的购物最猖獗的日子,在此日,根基所有商家城市举办折扣促销,吸引用户消费;本文作者通过玄色礼拜五的客户数据记录,对用户群体和商品销售环境举办阐明,我们一起来看一下。 一、阐...

产品分析报告 | 成为生鲜电商的佼佼者,为什么是每日优鲜

产品分析报告 | 成为生鲜电商的佼佼者,为什么是每日优鲜

2020年受疫情的影响,开局即是逆境,可是在此逆境中,逐日优鲜迎来了属于本身的机会。本文主要以产物阐明的视角,来深入理会逐日优鲜是如安在逆境中成为生鲜电商的佼佼者。 本文布局如下: 行业阐明 竞品...

用户留存对增长的价值

用户留存对增长的价值

编辑导语:如今的获客本钱越来越高,用户留存也没那么容易;但就是因为获客本钱高,让留存变得越发重要;本文作者具体的表明白用户留存对增长的代价,也表达了什么样的环境下适合做留存,我们一起来看一下。 相信...

巨头“激战”买菜,谁会先“倒下”?

巨头“激战”买菜,谁会先“倒下”?

编辑导读:年头的疫情使得生鲜电商获得了迅猛成长,人们越来越习惯在家买菜。各大巨头们纷纷对准社区团购这一赛道,不绝举办拉新留存。可是,生鲜创业已经有无数失败的案例在前,巨头们此时入场谋面对什么样的排场呢...

用产品思维看丁真为什么会爆火?

用产品思维看丁真为什么会爆火?

编辑导语:最近几天,康巴夫君“丁真”凭借着一张野性而又温柔的脸,袭卷了各大app的热搜,更是霸屏了抖音。各大电视台和新闻媒体也都争相报道,甚至还火到了海外。如今,丁真已经成为了老家四川甘孜的旅游代言人...

短视频沙雕广告越来越“耍猴”,广告业正丧失最后的体面

短视频沙雕广告越来越“耍猴”,广告业正丧失最后的体面

编辑导读:细心的你大概会发明,最近在各个平台会常常刷到一些短视频沙雕告白。逻辑杂乱,情节俗套,代价观扭曲,被用户猖獗吐槽。这样的告白未必利于品牌流传,那为什么企业还簇拥而至呢?本文将从三个方面临这个现...