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

 时间:2024-09-21 19:33:41

有时为了客户需求,需要将密码显示成明文,然后又将密码饺咛百柘显示成暗文。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设计工具控制密码显示和隐藏

怎样在Axure项目中导入另一个项目的页面功能 Axure设计:简单的图片细节局部放大 AxureRP如何设置元件位置 AxureRP如何制作自动图片切换 flash如何绘制一个扇形表的教程
热门搜索
图标下载 金钱草图片 公鸡图片大全 城市夜景图片 头疼图片