Axure RP 8設(shè)計(jì)軟件設(shè)計(jì)一個(gè)場(chǎng)景下的頁(yè)面,場(chǎng)景:輸入手機(jī)號(hào)碼,點(diǎn)擊“獲取”按鈕,“獲取”變?yōu)榈褂?jì)時(shí),將驗(yàn)證碼發(fā)送到手機(jī)號(hào);用戶(hù)可以將手機(jī)上驗(yàn)證碼輸入到驗(yàn)證碼框。下面就是這個(gè)實(shí)現(xiàn)過(guò)程,操作如下:

1、打開(kāi)Axure RP 8軟件,在元件庫(kù)中找到“矩形3”元件,拖一個(gè)到畫(huà)布中,如下圖所示:


2、在元件庫(kù)找到“label”元件,拖兩個(gè)“label”元件和兩個(gè)輸入框、一個(gè)按鈕到畫(huà)布中,如下圖所示:

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í),如下圖所示:

新聞熱點(diǎn)
疑難解答
圖片精選