如何用Axure做一个清清爽爽的「密码输入框」？_服务器

如何用Axure做一个清清爽爽的「密码输入框」？

在你进入素材之前，这是一段美好的时光。你打算改变材料的透明度，总结学习中的基本常识经验，这不仅是一种分享，也是对你已经做过的事情的一种梳理。

明天阅读分享。使用Axure制作一个可以隐藏稀疏字符的键入框，并制作以下结果:

心情:

1.end首先需要一个输入框，但是Axure的输入框实际上并不能隐藏稀疏的代码。因此，需要一个静态数据内板。内板1的形状是理想化的细码标识符的输入框，内板2的形状是隐藏细码标识符的细码框。

2.求两张图，暗示显示/隐藏稀疏代码标识符。两张图片被点击通过全程终止转换。

3.在静态数据中实现两张图片之间的交互。

有心情就开始做吧！

第一步:

需要一个矩形框来容纳静态数据板和图像按钮。响应组件如图所示:

第二步:

提升静态数据仪表板的形状:

1:形状:隐藏稀疏代码标识符

首先，在末端提出一个输入框，并提出以下特征:

2:形状:表示稀疏代码标识符。

改进另一个输入框组件，具有以下特征:

此外，您需要消除两个输入框的填充颜色，否则拍摄瞬间的讲述者的颜色会有所不同。

第三步:创建面对面图像的转换结果。

1.点击通过整个过程来转换图片的选定形状；

2.当图片的选定形状被修改时，它将被转换为另一张图片:

第四步:增强互动。

当图片按钮的选定形状被修改时，转换静态数据面板的形状:

另外，要求静态数据板的两种形状中键入的标识符相同:

首先升级隐藏输入框:

类似地，显示输入框的升级:

到了那里，我们就做这个型号！

最后，瘦代码盒的概念和习惯是默认隐藏瘦代码标识符。但我相信大家都和我有同感:大多数情况下，有人站在你身后偷看你的暗号，然后隐藏标识符，给他们带来不便。所以，我默认是在那边呈现稀疏码标识符。需要的时候，点击脸上的图片按钮可以转化为隐藏标识符按钮！

下载地址:https://pan。百度search.com/s/1kVZJJUJ瘦码:ss="superseo">ss="superseo">vurr

文/卓越

欢迎分享，转载请注明来源：内存溢出

如何用Axure做一个清清爽爽的「密码输入框」？