axure 倒计时_AxureRP教程—模拟倒计时
前面在介紹單選框和復選框應用的時候演示的紅綠燈效果里面有用到倒計時的效果,即在紅燈和綠燈時候有倒計時提示紅燈和綠燈的持續時間,當時沒有詳細介紹如何實現,這里就補充介紹一下倒計時效果的設計實現過程。
倒計時效果需要用動態面板來實現,基本上有需要移動、需要小頁面切換顯示,需要先隱藏后顯示等效果的時候,都需要使用動態面板組件,因此動態面板是AxureRP里的一個很強大的組件,從AxureRP支持的交互事件里大部分都與動態面板相關就可以看出來。掌握動態面板的應用也就顯得很重要,這部分掌握了,就算是AxureRP的高手階段了。
這個例子是簡單模仿電影的開場效果,當然倒計時效果的應用一般不是這個,在網頁設計的時候,一般都用于加載或關閉時的時間提示,或頁面退出頁面跳轉的時間提示,實現原理是一樣的。這里就以5秒得電影開場倒計時效果來做演示,界面設計比較簡單。
其實倒計時效果只是把每個動態面板的狀態頁設計成數字顯示了,一個頁面放一個數字,實現原理還是利用動態面板的狀態切換事件來切換狀態達到倒數的效果,一個控制功能來制動倒數的開始,這里使用OnPageLoad事件來使頁面加載之后直接開始倒數。一般倒計時都是以秒為單位的,所以控制好等待時間為1000毫秒就可以了。
交互事件選擇切換動態面板狀態和等待事件,設置每過1000毫秒切換至下一個狀態,在交互事件屬性里的高級編輯器里可以設置交互事件的排序,這里注意顯示狀態的順序就好了,使之達到倒數的效果。
高級編輯器和基本編輯器默認是可以切換的,但當高級編輯器內添加了兩個相同的動作之后就無法再切換會基本編輯器了,也就是說在基本編輯器里面,每個動作只能使用一次,要多次使用的時候就必須在高級編輯器里才能實現。高級編輯器下需要在某個動作后插入新動作的話,需要先選中這個動作,然后再添加動作,否則默認動作會添加在所有事件的最下面,可以使用上下箭頭來排序。
動態面板的狀態切換能演示出很效果,主要看每個小狀態頁面里面設計的是什么內容,后面還會介紹到。
示例在AxureRP5.5版本下調試通過
總結
以上是生活随笔為你收集整理的axure 倒计时_AxureRP教程—模拟倒计时的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 公积金销户提取流程 公积金怎么销户提取
- 下一篇: 《饥饿游戏》前传电影海报发布,11 月