生活百科 快狠准百科订阅看过栏目系统

找词 找站 信使 
  

Axure教程:密码可见与不可见的切换设置

我们平时注册或者登录时,输入密码的时候,通常都会有密码的可见与不可见切换设置,看起来简单又常见的交互效果,做起来却没有想象中那么简单,我们一起来看看怎么做吧~

国际惯例,看了效果图再说哈哈

起初,密码可见,点击不可见的眼睛按钮,密码转为不可见(现实操作中,一般都是由密码不可见切换到可见,方法都是一样的,只是创建面板状态时,把不可见放在首位就可以了。)

教程来袭

(1)创建一个动态面板。

(2)创建动态面板的2个状态并进行编辑。

(3)创建密码不可见状态的基本元件:文本框以及密码可见的眼睛按钮,并对文本框进行设置。

(4)创建密码可见状态的基本元件:文本框以及密码不可见按钮,选择文本框类型为text以及对文本框进行命名。

(5)对密码可见按钮进行交互设计,同时设置hide文本框中的文本内容与unhide文本框的相同:点击密码可见按钮动态面板转到密码可见状态;hide文本内容=unhide文本内容。

(6)对密码不可见按钮进行交互设计,同时设置unhide文本框中的文本内容与hide文本框的相同:点击密码不可见按钮动态面板转到密码不可见状态;unhide文本内容=hide文本内容。

(7)现在已经设置好了按钮交互,两文本框的内容也设置相同了,点击预览来测试吧,是不是做成功了?

希望你可以为你自己感到骄傲啦~~

搜索建议: 可见  可见词条  切换  切换词条  密码  密码词条  设置  设置词条  教程  教程词条  
原型

 平台用户实名认证设计流程

实名认证是对用户资料真实性进行的一种验证审核,有助于建立完善可靠的互联网信用基础。那一般平台的实名验证流程,是怎么设计的呢?近年来,用户实名正成为监管层规范行业...(展开)

快狠准百科
原型

 Axure7.0教程(六)mat...

本案例原型下载:axure7.0教程(六)动态面板环状移动.rpAxure rp7.0增加了一些新的函数,这些改变可能会让axure原型的高保真与低保真之争更加...(展开)

快狠准百科
原型

 Axure 教程:知识竞赛/答题...

今天教大家用中继器做一个知识竞赛/答题app的原型,该原型使用方便简单,制作完成后,所有交互都已经设定好,您只需要在中继器中导入问题、答案、每题的分数即可完成!...(展开)

快狠准百科
原型

 Axure教程 | 如何通过拖动...

如何通过拖动滑杆上的按钮,调整数值?这种部件常见于调节音量大小、色彩值等数值类型的设置。我们来分解一下部件构成,看看如何实现。点击这里查看在线演示1、部件分解这...(展开)

快狠准百科
原型

 Axure教程:原型设计之水泡导...

水泡导航栏目前在不少网页中存在着,其效果较为生动有趣,可以给用户很好的体验。本文就此分享下如何利用Axure制作这种导航栏。题目中之所以叫做水泡导航栏,是因为这...(展开)

快狠准百科