Axure RP8設計倒計時取得短信驗證碼效果的指南_裝機軟件
發表時間:2023-05-13 來源:本站整理相關軟件相關文章人氣:
[摘要]許多小伙伴還不會使用Axure RP8制作倒計時獲取短信驗證碼效果,今天小編就帶來了關于Axure RP8制作倒計時獲取短信驗證碼效果的教程。要實現倒計時的功能在AXURE中需要借助兩個元件配合才能...
許多小伙伴還不會使用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制作倒計時獲取短信驗證碼效果的教程,一起去了解了解吧。
裝機軟件,全自動在線安裝過程,無需電腦技術,小白在家也可自己完成安裝,純凈穩定,裝機必備之選!