Axure RP8設計倒計時取得短信驗證碼效果的指南_裝機軟件

　　許多小伙伴還不會使用Axure RP8制作倒計時獲取短信驗證碼效果，今天小編就帶來了關于Axure RP8制作倒計時獲取短信驗證碼效果的教程。

　　要實現倒計時的功能在AXURE中需要借助兩個元件配合才能完成，一個元件是“獲取短信驗證碼”的按鈕;另一個元件是動態面板;同時還需要一個變量;變量在這里相當于一個計時器，我們先把變量設置為60時，一旦啟動了，就從60一直倒計時到0;

　　1、拖一個矩形，設置好長寬高，并命名為SendSMS;

　　2、拖一個動態面板，隨便放一個位置都可以，(本例放在矩形框上方一點)，將動態面板命名為Clock，并設置兩個狀態，分別為狀態1、狀態2;

　　3、設置一個變量，等賦值之后，作為開始倒計時作用;

　　4、上述三步準備工作做好后，咱開工設置吧;首先選中矩形框SendSMS，編輯用例“鼠標單擊時”，給變量Daojishi設置一個初始值60，意為從60秒開始倒計時;

　　5、緊接著設置動態面板Clock中的狀態1、狀態2，循環著切換狀態，1000毫秒切換一次;這舉是為了觸發動態面板的“面板狀態改變時”事件。

　　6、設置動態面板Clock“狀態改變時”事件，新增條件在變量Daojishi>0的情況下，設置矩形框SendSMS里文字變更為“Daojishi秒后重新獲取”。

　　7、設置Daojishi變量值自減1，意為判斷在每次當變量值Daojishi>0時，動態面板Clock第1秒切換一次狀態時，而Daojishi值由60變成59;再1秒后循環切換到下一狀態時，Daojishi值由59變成58;以此類推...

　　8、最后再設置一下當Daojishi值自減到0時的情況，設置動態面板不再切換狀態了，即設置Clock為停止循環;

　　9、此時SendSMS矩形框內的文字停止在“0秒后重新獲取”，不再倒計時了;但不符要求，需要調整為“重新獲取驗證碼”，操作如下圖所示：

　　10、至此所有設置已完成，咱預覽下效果如下：

　　短信驗證碼通常出現在登錄、注冊、忘記密碼等場景下需要用戶手工點擊“獲取短信驗證碼”按鈕來觸發系統發短信，同時按鈕會改變成倒計時狀態.

　　上面就是為各位親們帶來的Axure RP8制作倒計時獲取短信驗證碼效果的教程，一起去了解了解吧。