在AxureRP中通過(guò)JS代碼，可以實(shí)現(xiàn)對(duì)元件屬性以及變量的操作。
當(dāng)然，這么深入的內(nèi)容不適合廣大的AxureRP使用者。
如果對(duì)JS有一定的了解，倒不妨結(jié)合一下，將一些復(fù)雜的交互簡(jiǎn)單化，形成可以重用的元件庫(kù)，分享給大家使用。
實(shí)際上，AxureRP這款軟件，它的目的也是不用編寫一句代碼，實(shí)現(xiàn)所需的原型。
接下來(lái)，說(shuō)一下我要分享的內(nèi)容。
因?yàn)闀r(shí)間有限，只為大家分享一個(gè)元件。
這個(gè)元件，就是我們經(jīng)常見到的密碼輸入框中，密碼在可見和不可見的狀態(tài)切換。
這樣的交互實(shí)際上，可以通過(guò)一個(gè)眼睛圖標(biāo)、兩個(gè)文本框以及一個(gè)動(dòng)態(tài)面板來(lái)完成。
不過(guò)，如果結(jié)合JS代碼，我們只用一個(gè)眼睛圖標(biāo)和一個(gè)文本框就可以完成了。
簡(jiǎn)單的描述一下思路。
我們知道，文本框的類型有很多種，其中包含文本（Text）類型和密碼（Password）類型。
如果，我們能夠控制文本框的類型屬性，就能夠?qū)崿F(xiàn)密碼可見與不可見的切換。
1、在文本框【載入時(shí)】取得對(duì)文本框?qū)ο蟮目刂啤?/p>
2、在眼睛圖標(biāo)【鼠標(biāo)單擊時(shí)】，在選中和未選中兩個(gè)狀態(tài)間切換。
3、在眼睛圖標(biāo)【選中時(shí)】，將文本框類型設(shè)置為文本（Text）。
4、在眼睛圖標(biāo)【未選中時(shí)】。將文本框類型設(shè)置為密碼（Password）。
經(jīng)過(guò)以上四步，就完成了想要的交互效果。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。