轉(zhuǎn)帖|使用教程|編輯:郝浩|2017-09-11 10:31:46.000|閱讀 1303 次
概述:本文介紹了如何使用原型設(shè)計(jì)工具Axure RP設(shè)計(jì)賬戶密碼輸入框的原型。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
思路有了,那么下面就開始做吧!
需要一個(gè)矩形來放動(dòng)態(tài)面板、圖像按鈕。添加相應(yīng)元件如圖:
為動(dòng)態(tài)面板添加狀態(tài):
狀態(tài)1:隱藏密碼字符
首先添加一個(gè)文本框,添加屬性如下:
狀態(tài)2:顯示密碼字符
再添加一個(gè)文本框元件,添加屬性如下:
同時(shí)我們需要取消兩個(gè)文本框的填充顏色,否則與矩形容器的顏色會(huì)不一樣。
1.通過單擊切換圖片的選中狀態(tài):
2.圖片選中狀態(tài)改變時(shí),切換為另一張圖片:
當(dāng)圖片按鈕的選中狀態(tài)改變時(shí),切換動(dòng)態(tài)面板狀態(tài):
另外,還需要將動(dòng)態(tài)面板兩個(gè)狀態(tài)中的輸入字符同步:
先為hide文本框添加:
同理,為show文本框添加:
到這里,我們就完成這個(gè)原型的制作啦!
在早期的時(shí)候,密碼框的設(shè)計(jì)習(xí)慣默認(rèn)為隱藏密碼字符。但是相信你們跟我一樣都有同感:大多數(shù)情況下沒有人站在背后偷看你的密碼,隱藏字符后反而為自己帶來不便。所以,這里我默認(rèn)是顯示密碼字符,當(dāng)有需要的時(shí)候,點(diǎn)擊圖片按鈕就可以切換到隱藏字符按鈕啦!
本文來自,作者:明明
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn