本文提供了數(shù)值遞增效果的Axure教程，請(qǐng)查收~~

平時(shí)我們?cè)跒g覽一些官網(wǎng)首頁時(shí)，經(jīng)?？吹较旅孢@樣的數(shù)值遞增效果，如下所示：

此教程將為大家講解如何實(shí)現(xiàn)此效果：

一、界面元件搭建

首先，從左側(cè)的元件庫拉入相應(yīng)的【文本標(biāo)簽】，其中的數(shù)值和“+”或者“單位”等分別為兩個(gè)【文本標(biāo)簽】，交互事件主要是加給【數(shù)值】文字標(biāo)簽。

調(diào)整完樣式和排版后，如下所示：

注意：Axure里面的數(shù)字文本標(biāo)簽為：遞增前的初始值（假設(shè)遞增前為1600，那么遞增后為1800）。

二、交互事件實(shí)現(xiàn)

選中某一個(gè)數(shù)值，添加【載入時(shí)】交互事件：

加入遞增前，數(shù)值為1600，遞增后為1800，即添加事件1：

1. 當(dāng)文字的值小于1800時(shí)，設(shè)置文字為：[[This.text+1]]，再添加【等待事件】，時(shí)間為：5毫秒，最后再添加【觸發(fā)事件】，選擇【載入時(shí)】事件。

2. 再添加事件2，設(shè)置文字，選擇【當(dāng)前元件】，文本值為：1800。

如下所示：

同理，其他文本標(biāo)簽的交互事件也是如此，只是條件值的變化。

三、效果展示

教程鏈接

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

提取碼: gxkn

作者：火星人～艾斯，公眾號(hào)：艾斯的Axure峽谷

本文由 @火星人～艾斯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議