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