倒計時這個是經常用到的,那如何利用Axure RP 8實現這個效果呢?場景是:一個按鈕觸發倒計時,點擊后,時間倒數。下面利用一個實例實現這個倒計時,操作如下:
1、打開Axure RP 8設計軟件,依此操作“項目---全局變量”,添加全局變量“timer”,如下圖所示:
2、拖曳一個按鈕和面板到頁面,修改按鈕顯示內容為“倒計時”,如下圖所示:
3、選中面板雙擊,再添加一個面板狀態,如下圖所示:
4、設置按鈕禁用時,按鈕的交互樣式;禁用時,按鈕背景色為灰色,如下圖所示:
5、添加鼠標單擊實例,狀態為“Next”,向后循環、循環間隔1000毫秒,如下圖所示:
6、設置禁用時組織動作,選擇禁用單選按鈕,如下圖所示:
7、為全局變量添加條件,確保timer大于0;并設置timer在不斷減一,如下圖所示:
8、設置倒計時按鈕文本顯示內容,這里設置為倒計時秒數,如下圖所示:
注意事項:
注意鼠標單擊事件的用法
注意全局變量的設置
相關推薦:
Axure中怎么制作動態倒計時的原型?
axure RP7.0怎么制作60秒倒計時效果?
Axure8怎么設計點擊按鈕觸發控件變化的交互效果?
新聞熱點
疑難解答