Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?

輸入密碼的時(shí)候不想讓別人知道輸入了什么數(shù)字,我們就可以用星號(hào)代替密碼,但是自己總是輸入錯(cuò)誤的時(shí)候,就可以顯示數(shù)字密碼,該怎么實(shí)現(xiàn)這個(gè)功能呢?我們可以使用axure中的按鈕鼠標(biāo)單擊事件來(lái)實(shí)現(xiàn),請(qǐng)看下文詳細(xì)介紹。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型:輔助設(shè)計(jì)
- 大小:90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24
1、打開(kāi)Axure RP 8設(shè)計(jì)軟件,在元件庫(kù)中拖一個(gè)文本框到編輯界面,調(diào)整高度和寬度,如下圖所示:
2、在文本框下方放置兩個(gè)按鈕,分別為“明文”和“暗文”按鈕,文本框左右對(duì)齊,如下圖所示:
3、選中“明文”按鈕,添加鼠標(biāo)單擊事件用例,單擊時(shí)文本框顯示“123456”,如下圖所示:
4、選中“暗文”按鈕,添加鼠標(biāo)單擊事件用例,單擊時(shí)文本框顯示“......”,如下圖所示:
5、兩個(gè)按鈕單擊事件設(shè)置完畢后,發(fā)現(xiàn)按鈕右上角出現(xiàn)數(shù)字,代表設(shè)置完成,如下圖所示:
6、預(yù)覽該原型界面,單擊“明文”按鈕,文本框顯示“123456”;單擊“暗文”按鈕,文本框顯示“......”,如下圖所示:
以上就是Axure RP 8用按鈕控制文本框顯示數(shù)字或星號(hào)的實(shí)例教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
相關(guān)文章
Axure RP 8.1最新漢化破解安裝詳細(xì)教程(附漢化包下載)
Axure RP8中文版是一個(gè)專(zhuān)業(yè)的快速原型設(shè)計(jì)工具,能夠高效率制作產(chǎn)品原型,快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等,下面就帶來(lái)了Axure RP 8.1最新漢化破2017-12-20AxureRP怎么制作草圖/頁(yè)面效果? Axure頁(yè)面草圖設(shè)置方法
AxureRP怎么制作草圖/頁(yè)面效果?Axure中想要制作一個(gè)頁(yè)面效果,該怎么制作呢?下面我們就來(lái)看看Axure頁(yè)面草圖設(shè)置方法,需要的朋友可以參考下2018-05-07Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹(shù)狀菜單?
Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹(shù)狀菜單?Axure中設(shè)計(jì)的樹(shù)狀菜單為了更美觀,想要添加漂亮的圖標(biāo),該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-03-19AXURE RP 8怎么設(shè)置下拉菜單? AXURE下拉菜單的制作方法
AXURE RP 8怎么設(shè)置下拉菜單?AXURE RP 8中設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,想要制作一個(gè)下拉菜單,該怎么制作呢?下面我們就來(lái)看看AXURE下拉菜單的制作方法,需要的朋友可以參考下2018-03-05Axure RP 8怎么使用中繼器實(shí)現(xiàn)自增效果?
Axure RP 8怎么使用中繼器實(shí)現(xiàn)自增效果?Axure RP 8中想要實(shí)現(xiàn)點(diǎn)擊按鈕數(shù)據(jù)自動(dòng)+1的效果,該怎么實(shí)現(xiàn)呢?我們可以使用中繼器實(shí)現(xiàn)自增的效果,需要的朋友可以參考下2018-01-25Axure RP 8怎么顯示網(wǎng)格? Axure網(wǎng)格輔助線樣式的設(shè)置方法
Axure RP 8怎么顯示網(wǎng)格? Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,可以顯示網(wǎng)格,使用輔助線和柵格實(shí)現(xiàn)就可以了,下面我們就來(lái)看看Axure網(wǎng)格輔助線樣式的設(shè)置方法,需要的朋友可以參2018-01-23Axure RP 8怎么使用日期函數(shù)獲取年月日時(shí)分秒數(shù)據(jù)?
Axure RP 8怎么獲取年月日時(shí)分秒數(shù)據(jù)?Axure RP 8中想要設(shè)計(jì)一個(gè)可以獲得年月日時(shí)分秒數(shù)據(jù)的功能,該怎么獲得呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-22Axure RP 8怎么添加表格并添加統(tǒng)計(jì)功能?
Axure RP 8怎么添加表格并添加統(tǒng)計(jì)功能?Axure RP 8中想要繪制表格填充數(shù)據(jù)并添加統(tǒng)計(jì)功能,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-22- Axure RP 8對(duì)象怎么組合和取消組合?Axure RP 8中的元素需要組合到一起,該怎么組合或者取消組合呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-17
Axure RP 8.1企業(yè)版漢化破解安裝授權(quán)圖文詳細(xì)教程(附注冊(cè)授權(quán)碼)
Axure RP 8.1是一款功能非常強(qiáng)大的專(zhuān)業(yè)原型設(shè)計(jì)工具,那么,Axure RP 8.1怎么安裝?以及Axure RP 8.1如何漢化破解呢?對(duì)此,本文就為大家?guī)?lái)了Axure RP 8.1企業(yè)版漢化破解2018-06-12