axure实现显示密码文本框

原型描述：

在密码文本框中输入密码，默认密码信息以黑色实心圆点显示，鼠标按下闭眼图标，密码文本框黑色实心圆点变为显示密码信息，鼠标松开密码信息变回黑色实心圆点

原型效果：

axure实现显示密码文本框

制作步骤:

1、添加两个文本框和一个图片元件

axure实现显示密码文本框

2、上边文本框命名：隐藏密码，下边文本框命名：显示密码，图片命名：眼睛

axure实现显示密码文本框

3、隐藏密码文本框的类型设置为密码，提示文字设置为请输入密码

axure实现显示密码文本框

4、显示密码文本框设置为隐藏并与隐藏密码文本框重叠

axure实现显示密码文本框

5、眼睛图片元件与显示密码文本框右端重叠

axure实现显示密码文本框

6、点击眼睛图片元件，添加鼠标按下时和鼠标松开时用例

axure实现显示密码文本框