您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure小元件(二)密码设置

发布人:www.yunke.ai 发布时间:2021-01-01 141 次浏览

本例小元件包括密码一致、可见等小功能;同样可以放在自己元件库中备用。

一、密码设置

创建两个动态面板,分别命名为“新密码”、“确认密码”;为它们添加两个状态,“明文”和“暗文”;“暗文”状态在上。

分别在所有的“明文”和“暗文”状态中加入元件文本框、眼睛(形状)、删除(形状);注意为文本框命名以作区别,并设置**长度为20;眼睛(形状)在“明文”和“暗文”状态中为一睁一闭。

保证所有相同元件的位置一致(避免切换的时候出现视觉的跳动);并将所有“暗文”状态中的文本框类型设置为密码。

设置动态面板新密码中的暗文状态中“暗”文本框在文字改变时;元件 设置文本   新密码“明”文本框(值)=当前元件。

设置动态面板新密码中的明文状态中“明”文本框在文字改变时;元件 设置文本   新密码“暗”文本框(值)=当前元件。

同理设置动态面板确认密码中的“明文”和“暗文”状态下文本框的文字改变时用例;设置所有删除(形状)在鼠标点击时(设置文本)对应的文本框(值)=“”。