Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型?
我要評(píng)論Axure RP 8設(shè)計(jì)軟件設(shè)計(jì)一個(gè)場(chǎng)景下的頁面，場(chǎng)景：輸入手機(jī)號(hào)碼，點(diǎn)擊“獲取”按鈕，“獲取”變?yōu)榈褂?jì)時(shí)，將驗(yàn)證碼發(fā)送到手機(jī)號(hào)；用戶可以將手機(jī)上驗(yàn)證碼輸入到驗(yàn)證碼框。下面就是這個(gè)實(shí)現(xiàn)過程，操作如下：
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、打開Axure RP 8軟件，在元件庫(kù)中找到“矩形3”元件，拖一個(gè)到畫布中，如下圖所示：
2、在元件庫(kù)找到“label”元件，拖兩個(gè)“label”元件和兩個(gè)輸入框、一個(gè)按鈕到畫布中，如下圖所示：
3、選中“獲取”按鈕，添加鼠標(biāo)單擊時(shí)用例，如下圖所示：
4、添加“設(shè)置變量值”，添加變量“data”，默認(rèn)值為“60s”，如下圖所示：
5、再次添加動(dòng)作“設(shè)置文本”，設(shè)置按鈕的文本為變量[[data-1]]，如下圖所示：
6、預(yù)覽該原型界面，點(diǎn)擊“獲取”按鈕，這時(shí)“獲取”文字變?yōu)闀r(shí)間倒計(jì)時(shí)，如下圖所示：
相關(guān)推薦：
相關(guān)文章
Axure RP 8怎么設(shè)置文字提交工功能原型？Axure中經(jīng)常制作一些網(wǎng)頁原型，想要設(shè)置一個(gè)可以提交文本的功能，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2016-12-30
Axure RP 8怎么設(shè)計(jì)可以完成數(shù)學(xué)加法計(jì)算?
Axure RP 8怎么設(shè)計(jì)可以完成數(shù)學(xué)加法計(jì)算？Axure設(shè)計(jì)網(wǎng)頁的時(shí)候，想要在輸入框中輸入數(shù)據(jù)，完成加法計(jì)算，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2016-12-30
Axure RP 8怎么利用變量控制標(biāo)題變化？Axure中想要制作一個(gè)通過按鈕改變二級(jí)標(biāo)題，該怎么設(shè)置呢？下面我們就來看看Axure結(jié)合變量和元件控制標(biāo)題變化的教程，需要的朋友可以2016-12-29
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁原型？想要給網(wǎng)頁添加一個(gè)圖片點(diǎn)贊的功能，該怎么添加呢？下面我們就來看看使用Axure來完成的教程，需要的朋友可以參考下2016-12-29
Axure RP 8怎么設(shè)置一個(gè)矩形全局變量?
Axure RP 8怎么設(shè)置一個(gè)矩形全局變量？Axure繪制頁面原型的時(shí)候，想要添加一個(gè)矩形的全局變量，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的設(shè)置方法，需要的朋友可以參考下2016-12-29
Axure圓角矩形怎么畫？Axure繪制網(wǎng)頁原型的時(shí)候，需要繪制圓角舉行，該怎么繪制這個(gè)圖形呢？下面我們就來看看axure畫圓角矩形的教程，需要的朋友可以參考下2016-12-26
Axure RP 8怎么利用占位符設(shè)計(jì)五角星形狀?
Axure RP 8怎么利用占位符設(shè)計(jì)五角星形狀？Axure中設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想做一個(gè)五角星圖形，該怎么做呢？今天我們就來看看使用占位符實(shí)現(xiàn)的教程，需要的朋友可以參考下2016-12-15
axure RP 8怎么做圖片輪換的效果？axure設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想要做一個(gè)圖片輪播的效果，該怎么做呢？下面我們就來看看詳細(xì)的教程。需要的朋友可以參考下2016-12-15
axure動(dòng)態(tài)面板怎么設(shè)置顯示與隱藏?
axure動(dòng)態(tài)面板怎么設(shè)置顯示與隱藏？axure設(shè)計(jì)網(wǎng)頁原型的時(shí)候，該怎么設(shè)置東臺(tái)面板，怎么設(shè)置顯示與隱藏呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-12-14
Axure RP 8怎么設(shè)置文本段落的樣式？Axure RP 8中文本段落可以設(shè)置樣式，比如鼠標(biāo)懸停樣式，鼠標(biāo)按下樣式，選中樣式等，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的2016-12-13
