axure制作出一個倒計時效果模型詳細操作步驟
最近一些用戶問小編axure怎么操作才可以設計一個倒計時效果模型?在下面內容中就為你們帶來了axure制作出一個倒計時效果模型的詳細操作步驟 。
【axure制作出一個倒計時效果模型詳細操作步驟】
一、原理:
我們利用變量和條件判斷來做倒計時 。具體呢是當值到一個什么范圍時候，我們執行什么什么時間 。給大家示例的是一個手機獲取驗證碼的一個動態仿真，我們要實現的是當文本是獲取驗證碼的時候開始從60遞減，但文本為1的時候顯示獲取驗證碼 。
二、詳細步驟
1、首先我們打開AXURE,設置一個變量，這里我們用全局變量，設置daojishi,默認值設置為60 。
2、我們從工具欄拖出一個矩形 ， 輸入文字獲取驗證碼，準備工作結束，我們開始添加事件 。
3、我們來設置事件鼠標單擊時 ， 分為兩個case 。如果變量大于1或者等于獲取驗證碼時候，我們遞減1并顯示 。當變量等于1時 ， 顯示獲取驗證碼 。
4、case1設置條件當變量大于1時或者本文是獲取驗證碼的時候，我們設置的事件有以下幾個 ， 我們讓設置變量daojishi==[[daojishi-1]] 注意這樣輸入!!,設置文字等于變量daojishi，添加等待1000ms,很重要的一個事件讓整個事件循環重復 ， 我們選擇觸發事件對象選擇當前矩形框單擊時觸發 。
5、case2設置條件當變量等于一時 ， 我們設置的事件有如下幾個 。設置等待1000ms,設置文字為獲驗證碼，重要的是，我們要重置變量為60 。
6、這里呢我把所有的事件截圖給大家 ， 所有的倒計時基本都是這個原理，希望大家能學會 。
看完了上文講述的axure制作出一個倒計時效果模型的詳細操作步驟，你們自己也趕快去試試吧!
