养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设计工具控制密码显示和隐藏

时间:2024-11-11 11:32:15

有时为了客户需求,需要将密码显示成明文,然后又将密码饺咛百柘显示成暗文。AxureRP8设计软件可以按照文本框显示内容,利用按钮控制文本框内容显示成明文或暗文。下面利用一个实例说明这个过程,操作如下:

如何利用Axure RP 8设计工具控制密码显示和隐藏

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

1、第一步,双击AxureRP8设计软件,查看页面显示的效果,如下图所示:

如何利用Axure RP 8设计工具控制密码显示和隐藏

2、第二步,拖动一个文本标签和文本框到画布上,修改文本标签显示的内容,如下图所示:

如何利用Axure RP 8设计工具控制密码显示和隐藏

3、第三步,选中文本框鼠标右键编辑文本,设置内容为“1234567890”,如下图所示:

如何利用Axure RP 8设计工具控制密码显示和隐藏

4、第四步,分别拖动一个按钮和一个主要按钮到画布上,修改内容为“隐藏”和“显示”,如下图所示:

如何利用Axure RP 8设计工具控制密码显示和隐藏

5、第五步,选中“隐藏”按钮,点击“鼠标单击时”编辑用例,如下图所示:

如何利用Axure RP 8设计工具控制密码显示和隐藏

6、第六步,选中“显示”按钮,点击“鼠标单击时”编辑用例,设置文本框显示的内容,如下图所示:

如何利用Axure RP 8设计工具控制密码显示和隐藏

© 一点知识