欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure RP 8怎么用按钮控制文本框显示数字或星号?

程序员文章站 2022-06-29 11:51:23
Axure RP 8怎么用按钮控制文本框显示数字或星号?...

输入密码的时候不想让别人知道输入了什么数字,我们就可以用星号代替密码,但是自己总是输入错误的时候,就可以显示数字密码,该怎么实现这个功能呢?我们可以使用axure中的按钮鼠标单击事件来实现,请看下文详细介绍。

Axure RP 8怎么用按钮控制文本框显示数字或星号?

1、打开axure rp 8设计软件,在元件库中拖一个文本框到编辑界面,调整高度和宽度,如下图所示:

Axure RP 8怎么用按钮控制文本框显示数字或星号?

2、在文本框下方放置两个按钮,分别为“明文”和“暗文”按钮,文本框左右对齐,如下图所示:

Axure RP 8怎么用按钮控制文本框显示数字或星号?

3、选中“明文”按钮,添加鼠标单击事件用例,单击时文本框显示“123456”,如下图所示:

Axure RP 8怎么用按钮控制文本框显示数字或星号?

4、选中“暗文”按钮,添加鼠标单击事件用例,单击时文本框显示“......”,如下图所示:

Axure RP 8怎么用按钮控制文本框显示数字或星号?

5、两个按钮单击事件设置完毕后,发现按钮右上角出现数字,代表设置完成,如下图所示:

Axure RP 8怎么用按钮控制文本框显示数字或星号?

6、预览该原型界面,单击“明文”按钮,文本框显示“123456”;单击“暗文”按钮,文本框显示“......”,如下图所示:

Axure RP 8怎么用按钮控制文本框显示数字或星号?

Axure RP 8怎么用按钮控制文本框显示数字或星号?

以上就是axure rp 8用按钮控制文本框显示数字或星号的实例教程,希望大家喜欢,请继续关注。