利用axure做原型圖——登錄界面驗證碼的實現

第一步:準備好相關的部件,拖入一個矩形框至設計區域,矩形框中默認輸入R8UW;
第二步:選中矩形框,選擇鼠標單擊事件,選擇設置變量新增動作,配置動作中選擇新增變量,新增全局變量random_str,並給予賦值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789(驗證碼就是從這裏隨機抽取)
這裏寫圖片描述

第三步:給驗證碼矩形框隨機賦值,配置動作選中驗證碼矩形框,下方的文本賦值中,點擊fx,插入字符串函數[[random_str.substr(random_str.length*Math.random(),1)]],插入4遍,每一遍之間用空格隔開,這段函數表達的是從全局變量那一串內容中,隨機抽取一個字符,插入4遍,即表示抽取4個字符。將用例複製到矩形框單擊事件中。
這裏寫圖片描述
這裏寫圖片描述
預覽刷新,即可看到點擊驗證碼矩形框隨機出現驗證碼的效果。

美中不足的是,驗證碼只有純文本形式,沒有干擾元素,製作驗證碼的方法有待繼續研究
……

發佈了19 篇原創文章 · 獲贊 10 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章