本篇文章将会教大家利用Axure RP 9,制作显示密码和隐藏密码的交互效果,enjoy~
![a07bb35a2f1fa2f444d85cbc0226913d.png](https://i-blog.csdnimg.cn/blog_migrate/8ffc01945c805e4ae391d377aab47a5f.jpeg)
前言
本期案例给大家展示的交互内容包括:
- 60s倒计时
- 动态面板的简单切换
- 输入正确的密码的时候登录成功;否则登录失败
- 显示密码和隐藏密码
- 本次教程主要讲如何制作显示密码和隐藏密码的交互,其他的效果请大家自信研究,如有需要,请留言
实现效果
点击小眼睛时候,可以切换是否显示密码,点击登录的时候可以判断输入的账号密码是否正确。
![467c00aded4899da7031498e497a090c.gif](https://i-blog.csdnimg.cn/blog_migrate/93bea73829b3ba7e325f1e6ac9af5862.gif)
60s倒计时/面板切换
![cb86a027bac026ff3999a53d8f9c9f83.gif](https://i-blog.csdnimg.cn/blog_migrate/723fdd1df6338521da6dadc9791d7625.gif)
密码显示与隐藏
实现逻辑
- 密码显示和隐藏逻辑:利用两个输入框,一个显示密码,一个隐藏密码,点击小眼睛来回切换来实现密码的显示和隐藏。
- 判断账号