Axure怎么設計手機短信倒計時效果?

填寫手機號碼,發(fā)送短信驗證碼這一功能已經(jīng)非常普遍了,對原型設計來說,制作出較好的類似動態(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),反復切換狀態(tài),時間間隔設置好為1000ms,即一秒;此外還需對系統(tǒng)的臨時變量OnLoadVariable進行第一次賦值:60
4、此時直接運行,從結(jié)果頁面可以看到,動態(tài)面板每隔一次,進行一次狀態(tài)的轉(zhuǎn)換,同時因為面板的轉(zhuǎn)換,觸發(fā)效果,使臨時變量OnLoadVariable的值不斷的減一,還不斷的將變小的值賦予計時器上,從而達到從60開始倒數(shù)的效果!
5、最后在將狀態(tài)不斷變換的面板隱藏掉,這樣用戶將不能在頁面中看到你是如何控制時間如何倒數(shù)的,是不是看起來很高大上?
相關推薦:
相關文章
Axure RP 8.0注冊碼 軟件授權(quán) license key
一個專業(yè)的快速原型設計工具,是產(chǎn)品經(jīng)理(Product Manager)的首選利器,沒有之一。Axure,代表美國 Axure 公司;RP 則是 Rapid Prototyping(快速原型)的縮寫。它能夠讓2017-02-16- Axure怎么設置預覽所用的瀏覽器?Axure預覽網(wǎng)頁原型的時候,想要用常用的瀏覽器,該怎么設置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-02-09
- Axure RP 8怎么設計彈窗交互模型?設計網(wǎng)頁的時候,需要用交互彈窗,該怎么設置這個網(wǎng)頁原型呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-21
- Axure RP 8怎么制作圖形排除重疊位模型?Axure RP 8中想要制作兩個圖片折疊,排除折疊位置,該怎么做這個模型呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-12
- Axure RP 8怎么創(chuàng)建圖形母板?Axure設計網(wǎng)頁的時候,想要制作一個圖片母板,調(diào)用很方便,以后統(tǒng)一換圖也方便,該怎么創(chuàng)建呢?下面我們就來看看那詳細的教程,需要的朋友可2017-01-11
- Axure RP 8怎么新建母版面板并管理?Axure中想要統(tǒng)一風格,就可以使用母版來統(tǒng)一格式,該怎么新建母版并編輯呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-11
- axure怎么設計鼠標移入移出顯示或隱藏面板?axure中想要設計一個動態(tài)面板,根據(jù)鼠標的移入移出來顯示或隱藏面板,下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-11
- Axure怎么設計網(wǎng)頁的登陸頁面?Axure中想要設計一個網(wǎng)頁的登陸界面,輸入用戶名密碼,該怎么設置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-09
Axure RP 8怎么價格2D圖形轉(zhuǎn)換成3D圖?
Axure RP 8怎么價格2D圖形轉(zhuǎn)換成3D圖?Axure RP 8中繪制的平面圖想轉(zhuǎn)換成3d立體圖,該怎么設置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-06- Axure RP 8設怎么繪制拱橋倒影圖?想要制作一個圓拱橋并且設置倒影相互映襯,該怎么繪制呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-06