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

本文教大家如何使用動態面板實現密碼可見性切換，一起來看看~

使用到的元件

一個文本框：

一個睜眼Icon：

一個閉眼Icon：

PS：許多需要用到的Icon都可以在阿里巴巴矢量圖標庫里面搜索到然后進行下載（全部免費）或者直接復制svg然后粘貼到Axure里面即可。

操作步驟

（1）將文本框轉換為動態面板

（2）設置兩個面板，一個面板命名為“不可見”，另一個命名為“可見”

（3）編輯“不可見”面板，設置文本框類型為“密碼”

（4）編輯“可見”面板，拉入一個文本框，類型為“Text”

（5）設置“睜眼”Icon的兩個交互動作

1）第一個交互動作，切換面板狀態

2）第二個交互動作，將文本框“不可見”的文字賦予“可見”文本框

（6）確定之后就可以“預覽”看效果了

1）點擊睜眼前，輸入“123123”

2）點擊睜眼后

（7）同理我們設置一下“閉眼”的交互動作

（8）再看看效果

1）閉眼前，再輸入“123”

2）點擊閉眼后

本文由 @Nilz 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自 Unsplash ，基于 CC0 協議