中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

我們平時(shí)注冊(cè)或者登錄時(shí)，輸入密碼的時(shí)候，通常都會(huì)有密碼的可見(jiàn)與不可見(jiàn)切換設(shè)置，看起來(lái)簡(jiǎn)單又常見(jiàn)的交互效果，做起來(lái)卻沒(méi)有想象中那么簡(jiǎn)單，我們一起來(lái)看看怎么做吧~

國(guó)際慣例，看了效果圖再說(shuō)哈哈

起初，密碼可見(jiàn)，點(diǎn)擊不可見(jiàn)的眼睛按鈕，密碼轉(zhuǎn)為不可見(jiàn)（現(xiàn)實(shí)操作中，一般都是由密碼不可見(jiàn)切換到可見(jiàn)，方法都是一樣的，只是創(chuàng)建面板狀態(tài)時(shí)，把不可見(jiàn)放在首位就可以了。）

教程來(lái)襲

（1）創(chuàng)建一個(gè)動(dòng)態(tài)面板。

（2）創(chuàng)建動(dòng)態(tài)面板的2個(gè)狀態(tài)并進(jìn)行編輯。

（3）創(chuàng)建密碼不可見(jiàn)狀態(tài)的基本元件：文本框以及密碼可見(jiàn)的眼睛按鈕，并對(duì)文本框進(jìn)行設(shè)置。

（4）創(chuàng)建密碼可見(jiàn)狀態(tài)的基本元件：文本框以及密碼不可見(jiàn)按鈕，選擇文本框類型為text以及對(duì)文本框進(jìn)行命名。

（5）對(duì)密碼可見(jiàn)按鈕進(jìn)行交互設(shè)計(jì)，同時(shí)設(shè)置hide文本框中的文本內(nèi)容與unhide文本框的相同：點(diǎn)擊密碼可見(jiàn)按鈕動(dòng)態(tài)面板轉(zhuǎn)到密碼可見(jiàn)狀態(tài)；hide文本內(nèi)容=unhide文本內(nèi)容。

（6）對(duì)密碼不可見(jiàn)按鈕進(jìn)行交互設(shè)計(jì)，同時(shí)設(shè)置unhide文本框中的文本內(nèi)容與hide文本框的相同：點(diǎn)擊密碼不可見(jiàn)按鈕動(dòng)態(tài)面板轉(zhuǎn)到密碼不可見(jiàn)狀態(tài)；unhide文本內(nèi)容=hide文本內(nèi)容。

（7）現(xiàn)在已經(jīng)設(shè)置好了按鈕交互，兩文本框的內(nèi)容也設(shè)置相同了，點(diǎn)擊預(yù)覽來(lái)測(cè)試吧，是不是做成功了？

希望你可以為你自己感到驕傲啦~~

本文由 @萍萍仔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議