登录 注册(登录注册验证身份app下载)
目前应该是有很多小伙伴对于登录 注册方面的信息比较感兴趣,现在小编就收集了一些与登录注册验证身份app下载相关的信息来分享给大家,感兴趣的小伙伴可以接着往下看,希望会帮助到你哦。
本篇文章将会教大家利用Axure RP 9,制作显示密码和隐藏密码的交互效果,enjoy~
前言
本期案例给大家展示的交互内容包括:
- 60s倒计时
- 动态面板的简单切换
- 输入正确的密码的时候登录成功;否则登录失败
- 显示密码和隐藏密码
- 本次教程主要讲如何制作显示密码和隐藏密码的交互,其他的效果请大家自信研究,如有需要,请留言
实现效果
点击小眼睛时候,可以切换是否显示密码,点击登录的时候可以判断输入的账号密码是否正确。
60s倒计时/面板切换
密码显示与隐藏
实现逻辑
- 密码显示和隐藏逻辑:利用两个输入框,一个显示密码,一个隐藏密码,点击小眼睛来回切换来实现密码的显示和隐藏。
- 判断账号密码是否正确:点击登录,当账号密码都符合我们一开始的预设的时候,登录成功,否则登录失败。
操作步骤
显示和隐藏密码:
- 准备一个动态面板,在动态面板内添加两个状态,分别为显示密码状态和隐藏密码状态。
- 在显示密码状态和隐藏密码状态内各方一个输入框,隐藏密码内的输入框选中后右键选择输入类型,选择为密码,这样,该输入框在输入内容的时候就会显示为小星号*****。
- 此时开始设置交互,选中隐藏密码的输入框,当文字改变时,设置文字到显示密码框,利用简单的局部变量使显示密码框内的内容和隐藏密码框内的相同。
- 同样,选中显示密码框设置交互,让隐藏密码框的内容同显示密码框,3和4两个步骤就是用于实现不管在隐藏密码框输入内容还是在显示密码框输入内容都能保证两个输入框内容是同步的。
- 在Axure自带的元件库内选择一个小眼睛的icon,给小眼睛设置交互,点击小眼睛,让动态面板在显示密码和不显示密码两种状态内切换,就实现了密码的显示和隐藏。
判断密码正确与否:
在页面内放入一个输入框取名叫账号,放置一个按钮用于登录,点击登录,添加条件,账号输入框和密码输入框均填写正确的时候,让页面跳转;填写错误的时候Toast提示账号或密码错误。
结语
本案例使用Axure RP 9制作,附上原型下载链接:
https://pan.baidu.com/s/1-V37JFY1Cualbikhd0M5fQ
作者:PM Silence,公众号:他们已经在路上了
本文由 @PM Silence 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议
本文结束,以上,就是登录 注册,登录注册验证身份app下载的全部内容了,如果大家还想了解更多,可以关注我们哦。
相关文章
- 详细阅读
-
电脑怎么弄视频壁纸(电脑怎么弄视频壁纸win10)详细阅读
去各大软件工具平台或者百度搜索“视频壁纸软件”,下载视频壁纸工具请点击输入图片描述 请点击输入图片描述 2 下载完成后进行安装,建议安装在非系统盘非C...
2022-09-12 77733
-
酷酷的滕那种文字视频怎么制作的(类似于酷酷的滕那种视频是怎么做的)详细阅读
酷酷的滕的视频怎么加的字幕? 展开 #xE768 我来答 分享 微信扫一扫 新浪微博 空间 举报 浏览30 次 可选中1个或多个下面的关键词,搜索相关...
2022-09-12 74633
-
cj视频制作(cj视频是什么意思)详细阅读
1、把照片做成视频,推荐用 数码大 师 简单易上手 人人都会用的精美相册制作软件 点击 添加相片 按钮,悉数导入相片,加上旁白注释文字特效音乐视频 点...
2022-09-12 66500
-
异地恋怎么视频做吗(异地恋开视频怎么做那个)详细阅读
总而言之,我认为异地恋是没有必要每天视频通话的,因为我和我的女朋友只是经常聊天,但并不会视频通话,而且如果我们相互思念对方的话,会在放假的时候一起出去...
2022-09-12 1318
-
彩视视频制作(彩视视频制作收费吗?)详细阅读
1打开彩视APP主页后,点击右下角的个人信息头像2进入到个人主页,点击彩视我的作品一项,选择一个视频,点击进去3接着点击播放窗口右下角的更多菜单,弹出...
2022-09-12 1510
-
小视频宣传片怎么制作(小视频宣传片怎么制作的)详细阅读
导读信息爆炸时代,我们每天接收成千上万条信息信息的几何式增长使企业在进行宣传推广时不得不绞尽脑汁推陈出新,吸引消费者的眼球短视频的兴起,为企业宣传推广...
2022-09-12 1342
- 详细阅读
发表评论