前面在介紹單選框和復(fù)選框應(yīng)用的時候演示的紅綠燈效果里面有用到倒計時的效果，即在紅燈和綠燈時候有倒計時提示紅燈和綠燈的持續(xù)時間，當(dāng)時沒有詳細(xì)介紹如何實現(xiàn)，這里就補(bǔ)充介紹一下倒計時效果的設(shè)計實現(xiàn)過程。

倒計時效果需要用動態(tài)面板來實現(xiàn)，基本上有需要移動、需要小頁面切換顯示，需要先隱藏后顯示等效果的時候，都需要使用動態(tài)面板組件，因此動態(tài)面板是AxureRP里的一個很強(qiáng)大的組件，從AxureRP支持的交互事件里大部分都與動態(tài)面板相關(guān)就可以看出來。掌握動態(tài)面板的應(yīng)用也就顯得很重要，這部分掌握了，就算是AxureRP的高手階段了。

這個例子是簡單模仿電影的開場效果，當(dāng)然倒計時效果的應(yīng)用一般不是這個，在網(wǎng)頁設(shè)計的時候，一般都用于加載或關(guān)閉時的時間提示，或頁面退出頁面跳轉(zhuǎn)的時間提示，實現(xiàn)原理是一樣的。這里就以5秒得電影開場倒計時效果來做演示，界面設(shè)計比較簡單。

其實倒計時效果只是把每個動態(tài)面板的狀態(tài)頁設(shè)計成數(shù)字顯示了，一個頁面放一個數(shù)字，實現(xiàn)原理還是利用動態(tài)面板的狀態(tài)切換事件來切換狀態(tài)達(dá)到倒數(shù)的效果，一個控制功能來制動倒數(shù)的開始，這里使用OnPageLoad事件來使頁面加載之后直接開始倒數(shù)。一般倒計時都是以秒為單位的，所以控制好等待時間為1000毫秒就可以了。

交互事件選擇切換動態(tài)面板狀態(tài)和等待事件，設(shè)置每過1000毫秒切換至下一個狀態(tài)，在交互事件屬性里的高級編輯器里可以設(shè)置交互事件的排序，這里注意顯示狀態(tài)的順序就好了，使之達(dá)到倒數(shù)的效果。

高級編輯器和基本編輯器默認(rèn)是可以切換的，但當(dāng)高級編輯器內(nèi)添加了兩個相同的動作之后就無法再切換會基本編輯器了，也就是說在基本編輯器里面，每個動作只能使用一次，要多次使用的時候就必須在高級編輯器里才能實現(xiàn)。高級編輯器下需要在某個動作后插入新動作的話，需要先選中這個動作，然后再添加動作，否則默認(rèn)動作會添加在所有事件的最下面，可以使用上下箭頭來排序。

動態(tài)面板的狀態(tài)切換能演示出很效果，主要看每個小狀態(tài)頁面里面設(shè)計的是什么內(nèi)容，后面還會介紹到。

示例在AxureRP5.5版本下調(diào)試通過

總結(jié)

以上是生活随笔為你收集整理的axure 倒计时_AxureRP教程—模拟倒计时的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。