快好知 kuaihz

Axure RP8.0 教程:规模数值递增动效

本文提供了数值递增效果的Axure教程,请查收~~

平时我们在浏览一些官网首页时,经常看到下面这样的数值递增效果,如下所示:

此教程将为大家讲解如何实现此效果:

一、界面元件搭建

首先,从左侧的元件库拉入相应的【文本标签】,其中的数值和“+”或者“单位”等分别为两个【文本标签】,交互事件主要是加给【数值】文字标签。

调整完样式和排版后,如下所示:

注意:Axure里面的数字文本标签为:递增前的初始值(假设递增前为1600,那么递增后为1800)。

二、交互事件实现

选中某一个数值,添加【载入时】交互事件

加入递增前,数值为1600,递增后为1800,即添加事件1:

1. 当文字的值小于1800时,设置文字为:[[This.text+1]],再添加【等待事件】,时间为:5毫秒,最后再添加【触发事件】,选择【载入时】事件

2. 再添加事件2,设置文字,选择【当前元件】,文本值为:1800。

如下所示:

同理,其他文本标签的交互事件也是如此,只是条件值的变化。

三、效果展示

教程链接

百度云教程源文件:https://pan.baidu.com/s/1EavJ1DZg1mgtOEYtelcD-Q

提取码: gxkn

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:递增  递增词条  数值  数值词条  规模  规模词条  教程  教程词条  Axure  Axure词条  
原型

 用Axure制作Material...

做Material Design风格的原型,首先是你对它的设计风格喜欢并且热爱,这里就不解释什么是Material Design了。如果对设计规范不了解,也可以...(展开)

原型

 Axure用一个功能搞定手风琴式...

最近做原型想做一个手风琴的效果,但是忘了怎么做的,于是百度了一些方法,发现大部分方法都会用到中继器,觉得有点麻烦。后来翻看以前的书找到了原来学会的方法,现在分享...(展开)

原型

 Axure中继器姊妹篇:列表页添...

今天,我又用Axure中继器功能做了一个交互原型,就是对列表页添加排序和筛选功能,可以对列表中的项进行排序或者筛选,希望对大家制作原型有一定的帮助。还是先来看看...(展开)