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