Axure RP 8设计验证码倒计时原型教程
生活随笔
收集整理的這篇文章主要介紹了
Axure RP 8设计验证码倒计时原型教程
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Axure RP 8設計驗證碼倒計時原型方法?Axure RP 8設計軟件設計一個場景下的頁面,場景:輸入手機號碼,點擊“獲取”按鈕,“獲取”變為倒計時,將驗證碼發送到手機號;用戶可以將手機上驗證碼輸入到驗證碼框。下面就是這個實現過程,操作如下:
1、打開Axure RP 8軟件,在元件庫中找到“矩形3”元件,拖一個到畫布中,如下圖所示:
2、在元件庫找到“label”元件,拖兩個“label”元件和兩個輸入框、一個按鈕到畫布中,如下圖所示:
3、選中“獲取”按鈕,添加鼠標單擊時用例,如下圖所示:
4、添加“設置變量值”,添加變量“data”,默認值為“60s”,如下圖所示:
5、再次添加動作“設置文本”,設置按鈕的文本為變量[[data-1]],如下圖所示:
6、預覽該原型界面,點擊“獲取”按鈕,這時“獲取”文字變為時間倒計時,如下圖所示:
總結
以上是生活随笔為你收集整理的Axure RP 8设计验证码倒计时原型教程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Axure RP 8图片点赞功能怎么设计
- 下一篇: eclipse怎么导入web项目?