axure8.0制作登录注册表单密码输入框字符显示与隐藏切换功能

2017年7月25日
4+
阅读:217

现在的密码输入框,有的是直接隐藏密码字符,只显示黑点,有的是可以切换显示和隐藏密码字符,方便用户的输入。无论哪种设计方式,无非就是想在安全和用户体验上做一个权衡。

一直也没有深入研究过文本框的使用方法,今天玩一玩发现它还真有密码类型的设置功能,有这个功能,想实现密码输入框的字符显示与隐藏切换功能就不成问题了。

1、主要的实现方法其实也很简单,首先需要一个有两个面板状态的动态面板,分别放置字符显示和字符隐藏两种方式的所需元件,其中一个面板状态中的文本框是密码类型,另外一个是文本类型。

2、然后,需要设置两个面板状态中的两个文本框的文本改变时用例,让两个文本框中的文本保持同步变化。

3、最后两个面板状态中都需要一个图标,鼠标单击时用例就设置为切换到另一个面板状态即可。

完成之后的原型效果请移步:http://weidublog.com/wp-content/case/prototyping1/201707252143/

希望学习更多有趣的Axure原型案例,可以持续关注维度网站(http://weidublog.com,最专业的Axure原型设计学习平台。

作者:维度

转载请注明出处:http://weidublog.com/index.php/2017/07/25/1185/

没有评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注