如何利用Axure RP 8制作出按钮控制文本框显示

 时间:2024-10-12 07:16:19

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 RP8怎么设置形状和图片圆角
  • axure怎么制作抽奖动画?
  • 教大家使用Axure制作验证手机号效果
  • Axure设计:简单的图片细节局部放大
  • Axure去除文本框边框教程
  • 热门搜索
    济南红叶谷旅游攻略 广州免费旅游景点大全 南普陀寺旅游攻略 张家界旅游攻略地图 锡林浩特旅游攻略 湖南株洲旅游 常州旅游攻略二日游 漳州东山岛旅游景点 浙江旅游政务网 哈尔滨冬季旅游攻略