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