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

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

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