Axure如何設置郵箱類型文本框?Axure郵箱文本框制作教程

【Axure如何設置郵箱類型文本框?Axure郵箱文本框制作教程】Axure作為專業的原型設計工具,能夠快速、高效的創建原型,同時支持多人協作設計和版本控制管理。本文小編來教大家如何在Axure中設置郵箱類文本框原型 。

Axure如何設置郵箱類型文本框?Axure郵箱文本框制作教程


當我們需要登錄郵箱的時候,會看到系統自動彈出的登錄注冊界面,按照以下步驟即可制作出此文本框界面:
1、首先我們需要在電腦中雙擊打開Axure應用程序,新建畫布,進入到工作區域中去 。
2、點擊進入到界面左側的元件庫中,在基礎元件里面找到“表單元件”,拖動到右側頁面中 。
3、接著在左側的“表單元件”中找到“文本框”元件,點擊文本框元件拖動到右側頁面中 。
4、使用鼠標左鍵點擊選中文本框元件,在右側的“交互”面板下方找到三條豎線樣式的標志,點擊選擇彈出下拉菜單 。
5、在顯示出的下拉菜單列表中,我們需要選擇“郵箱”類型,即可在頁面中顯示出郵箱文本框窗口 。
除此之外,我們還可以在頁面中添加動態驗證碼登錄文本框,步驟如下:
· 從左側面板的元件庫中找到登錄框,拖拽到頁面中;再從元件庫中找到【動態面板】、【文本框】元件,依次拖拽到頁面中去 。
· 雙擊動態面板,在窗口列表中新增幾個【面板狀態】,狀態數量根據所需驗證碼的數量而定 。
· 然后雙擊動態面板下的【state1】,在虛線框中放置一張驗證碼圖片;再依次點擊其它幾個動態面板狀態,依次放入驗證碼圖片即可 。
· 選中動態面板,在右側的“交互 - 添加用例”列表中點擊【鼠標單擊時】,調出用例編輯面板 。
· 設置【鼠標單擊時】的動作為:設置面板狀態到向后循環;點擊確定 。
· 點擊右上角的【預覽】按鈕,或者直接按F5鍵,即可預覽查看在登錄界面中輸入驗證碼的交互效果 。
以上就是關于如何在Axure軟件中設置郵箱類型文本框的方法 。掌握創建文本框元件以及添加交互動作的設置方法,即可制作出郵箱類型的文本框原型效果 。

    猜你喜歡