一般情况下,页面上用户名、性别等内容可以用明文显示,但是密码、身份证号等需要用暗文显示。下面利用一个实例模拟明暗文显示,点击明文按钮,文本框显示明文;点击暗文按钮,显示暗文。下面利用一个实例说明按钮控制文本框显示,具体操作如下:
工具/原料
AxureRP8
截图工具
浏览器
图片工具
方法/步骤
1、第一步,打开AxureRP8设计软件,在元件库中拖一个文本框到编辑界面,调整高度和宽度,如下图所示:
2、第二步,在文本框下方放置两个按钮,分别为“明文”和“暗文”按钮,文本框左右对齐,如下图所示:
3、第三步,选中“明文”按钮,添加鼠标单击事件用例,单击时文本框显示“123456”,如下图所示:
4、第四步,选中“暗文”按钮,添加鼠标单击事件用例,单击时文本框显示“......”,如下图所示:
5、第五步,两个按钮单击事件设置完毕后,发现按钮右上角出现数字,代表设置完成,如下图所示:
6、第六步,预览该原型界面,单击“明文”按钮,文本框显示“123456”;单击“暗文”按钮,文本框显示“......”,如下图所示: