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

访客4年前黑客文章811

编辑导读:本文跟各人分享,如何用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端产品小功能设计1:批量导入

B端产品小功能设计1:批量导入

在B端产物设计中,我们常常会用到批量导入这个成果,用好它就能大大提高事情效率。本文将从四个方面,对批量导入展开先容阐明,但愿对你有辅佐。 本日分享一个B端产物设计中常常可能说必需用到的成果:批量导入...

网易云音乐的有限与越限

网易云音乐的有限与越限

编辑导语:就在前一段时间,网易云刚经验了群嘲“网抑云”之后,网易云又活泼在公共的视野里;可是有业内人士却发明白一些问题,网易云音乐的曲库扩展、衍出产物等都呈现了以西问题;本文作者就此展开阐明,我们一起...

“光棍节”变“双节棍”,背后难掩阿里双11的业绩压力

“光棍节”变“双节棍”,背后难掩阿里双11的业绩压力

编辑导读:本年的双11,你筹备“剁手”了吗?21日破晓,“双十一”勾当已经拉开了序幕。同往年差异,本年的双十一购置周期分为两波,从“王老五骗子节”酿成了“双棍节”。以往每年双十一业绩都能再创新高,加之...

保理业务模式详解(一)

保理业务模式详解(一)

编辑导语:保理业务,是一项以债权人转让其应收账款为前提,集融资、应收账款催收、打点及坏账包管于一体的综合性金融处事。无论选择哪种模式,如何节制坏账率,提高风险节制本领极其重要。接下来,本文作者就对保理...

在出圈边缘疯狂试探,钟薛高喜茶们该给时代红利“还债”了

在出圈边缘疯狂试探,钟薛高喜茶们该给时代红利“还债”了

编辑导读:以雪糕闻名的钟薛高卖起了水饺,而且一枚饺子的订价在3元阁下,激发网友热议。近些年,网红品牌层出不穷,钟薛高、喜茶、奈雪的茶等等,它们从头界说了新消费,在年青人之中广受接待。可是,它们也徐徐呈...

商业化产品经理 | 计算广告(2):在线广告的交易模式与计费方式

商业化产品经理 | 计算广告(2):在线广告的交易模式与计费方式

上一篇贸易化产物司理 | 计较告白(1):在线告白发源及成长 文章说明白在线告白的发源与成长,简述了在线告白行业根基的大抵的上下游漫衍。 本篇内容将会从基本的典范生意业务模式/计费方法/揭示形式,帮...