编辑导读:本文跟各人分享,如何用Axure实现数据大屏及时数字转动结果,作者从预览图,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。
在配置日常大屏设计事情中,我们会常常利用到数字转动结果,本日标记教各人几个简朴的数字转动结果。
演示结果:
演示地点:
本教程通过3种 *** 实现上面的数字转动结果。
需要元件:
文本
中继器
动态面板
之一种:牢靠区间数字随机无限制增加拉取一个文本元件,如图配置元件数值,这个数字为起始数字。
配置元件载入交互,如下图:
1、配置期待时间为50毫秒。时间越短转动就越快。
2、配置载入时的文字:[[LVAR1+(Math.random()*10).toFixed(0)]]
3、配置载入轮回触发事件这个很重要能不能轮回动起来就看它了。这边配置当前元件载入时就行。
4、生存元件交互预览看看。
拉取一个文本元件,如图配置元件数值,这个数字为起始数字。
1、配置判定数值小于10000时,数字加1。通过元件载入节制结果元件载入交互,如下图:
2、配置期待时间为50毫秒。时间越短转动就越快。
2、配置载入时的文字:[[This.text+1]]
3、配置载入轮回触发事件这个很重要能不能轮回动起来就看它了。这边配置当前元件载入时就行。
3、生存元件交互预览看看。
拉取一其中继器元件,一个动态面板,一个文本元件,如图配置文本元件为0.00。
1、配置中继器字段,num,cs。cs为累计次数(数值越大显示转动时间越长),num为计较数值。如下图:
2、配置中继器中的动态面板case1交互,如下图。
配置中继器中的动态面板case2,如下图:
配置中继器中的动态面板case3交互。如图:
3、生存元件交互预览看看。
到这就做好三个差异的数字转动的结果了,通过本教程但愿对新手伴侣有所辅佐。感谢!
今天教大家用Axure做一个聊天对话界面。该原型使用简单,只需要填写中继器表格即可直接使用。有疑问或者喜欢该原型的小伙伴们可以在评论处给我留言哦。 其中效果包括: 查看不同人不同的聊天记录 未查看...
我们在日常欣赏网页的时候,会发明上面的导航栏一直保持不动,而下面的内容会跟着转动条的拖动而滑动,这个结果就是所谓的顶部吸附的结果。本文作者先容了如何用Axure实现导航栏吸附结果的操纵步调,以及实现进...
导读:自适应欣赏器窗口高度的意思是,欣赏器宽度、高度差异时,就显示条件匹配的视图页面内容。本文作者分享了用Axure实现左侧导航自适应欣赏器窗口高度的实用要领,但愿对各人有所辅佐。 上一篇Axure...
编辑导读:Axure是产物司理在事情中最常用到的软件之一,尽量它的利用范畴很是遍及,可是有一些小能力许多人并不知道。本文作者总结了Axure在利用中的一些小能力,与你分享。 一、Axure建造页面,...
编辑导读:本文作者为各人分享了一组Axure常用交互模板,作者从预览原型,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。 我在指导粉丝设计原型的时候...
编辑导读:本文跟各人分享,如何用Axure实现移动光标到达视频预览结果,作者从预览图,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。 一、概述 本日...