产品经理培训
美国上市产品经理培训机构

400-111-8989

产品经理培训

Axure使用小技巧-高效搭建原型

  • 发布:产品经理培训
  • 来源:教程
  • 时间:2019-01-11 17:28

有时为了需求,需要将密码显示成明文,然后又将密码显示成暗文。Axure RP 设计软件可以按照文本框显示内容,利用按钮控制文本框内容显示成明文或暗文。这些学识在我们的产品经理培训课程中讲师也是讲到过的,那小编今天整理一下笔记。关于如何用AXURE做出密码可见/隐藏的交互效果呢?本文将用实例为大家作出解答。

AXURE做出密码可见/隐藏的交互效果

很多时候,我们发现一些网站的登录页面,密码输入框栏目右侧,有一只可点击的眼睛开关,或者是滑动开关,点击会密码明文和隐藏相互切换,如何在AXURE中实现?

第一步

1. 从AXURE软件的工具栏拖出一个输入框,并生成动态面板;

2. 将动态面板命名为密码输入框;

3. 在动态面板中复制一个输入框,两个输入框分别命名为可见和隐藏,如下图;

AXURE做出密码可见/隐藏的交互效果

4. 可见输入框格式设置为数字,隐藏输入框格式设置为密码;

第二步

进入可见-输入框;

设置文本改变时,把输入值赋值给隐藏输入框;

文本改变时,设置条件如下:

同理,隐藏输入框文本改变时,把值赋值给可见输入框元件:

AXURE做出密码可见/隐藏的交互效果

赋值操作:

AXURE做出密码可见/隐藏的交互效果

第三步

设置眼睛动态面板;

分别对应睁眼和闭眼图标。

并设置条件,鼠标点击眼睛按钮时,切换到下一个面板,如图:

AXURE做出密码可见/隐藏的交互效果

并在眼睛面板状态改变时,分别设置输入框对应的面板;

当眼睛面板为睁眼时,设置输入框面板为可见;

当眼睛面板为闭眼时,设置输入框面板为隐藏;

AXURE做出密码可见/隐藏的交互效果

好了,收工,当我们输入密码时,点击右侧的眼睛图标,明文和密码相互切换哈~

以上分享就是这些啦!希望可以对同学们有所帮助!更多资讯及教程类文章请关注达内产品经理培训官网。

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:产品经理口中的“基于场景”指的是什么?
下一篇: Axure使用中高效搭建原型的小技巧

产品经理如何精准的找到用户痛点?

作为产品经理如何分析透彻用户的需求

Axure的使用中“加载中”的交互效果怎么做?

产品经理工作中必备的几款实用工具有哪些?


选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省