填寫手機號碼,發(fā)送短信驗證碼這一功能已經(jīng)非常普遍了,對原型設(shè)計來說,制作出較好的類似動態(tài)效果,無論是對開發(fā)還是對測試,都會有很大的幫助。
1、首先新建一個動態(tài)面板,該動態(tài)面板要有兩個狀態(tài),狀態(tài)一、狀態(tài)二;此后再新建一個計時器矩形即可矩形內(nèi)寫好數(shù)字60;
2、對這個動態(tài)面板添加事件:當動態(tài)面板狀態(tài)變更時,令系統(tǒng)的臨時變量OnLoadVariable的值-1,之后再把這個值賦給剛剛的計時器矩形;
3、此時再對整個頁面載入時添加一個效果,令剛剛的動態(tài)面板在載入時就不斷的從頭循環(huán),反復(fù)切換狀態(tài),時間間隔設(shè)置好為1000ms,即一秒;此外還需對系統(tǒng)的臨時變量OnLoadVariable進行第一次賦值:60
4、此時直接運行,從結(jié)果頁面可以看到,動態(tài)面板每隔一次,進行一次狀態(tài)的轉(zhuǎn)換,同時因為面板的轉(zhuǎn)換,觸發(fā)效果,使臨時變量OnLoadVariable的值不斷的減一,還不斷的將變小的值賦予計時器上,從而達到從60開始倒數(shù)的效果!
5、最后在將狀態(tài)不斷變換的面板隱藏掉,這樣用戶將不能在頁面中看到你是如何控制時間如何倒數(shù)的,是不是看起來很高大上?
相關(guān)推薦:
Axure RP 8怎么制作倒計時動畫?
Axure RP 8怎么制作驗證碼倒計時原型?
axure RP7.0怎么制作60秒倒計時效果?
新聞熱點
疑難解答