Axure RP 8怎么使用按钮控制图片的显示或隐藏?

Axure RP 8中想要制作一个按钮点击事件控制图片显示的效果,如果不点击显示按钮图片就不显示,该怎么设置呢?下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1破解版 中文汉化破解版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第1张图片

1、打开Axure RP 8设计软件,在元件库中的基本元件的图片元件,拖一个到画布中,调整图片元件高度和宽度,如下图所示:

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第2张图片

2、再在基本元件按钮元件拖一个到画布中,并修改按钮的内容,宽度和图片元件一致,如下图所示:

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第3张图片

3、选中图片元件,找到外部图片文件,导入外部图片并设置宽度和高度,如下图所示:

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第4张图片

4、选中图片并设置为“设为隐藏”,这时画布中的图片隐藏起来了,如下图所示:

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第5张图片

5、选中“显示”按钮,添加鼠标单击事件用例,当图片隐藏时,点击按钮显示出来,如下图所示:

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第6张图片

6、添加用例成功后,按钮上显示数字符号;预览该原型页面,单价按钮显示图片,如下图所示:

Axure RP 8怎么使用按钮控制图片的显示或隐藏?_第7张图片

以上就是Axure RP 8按钮控制图片显示效果的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure8怎么制作彩色个性化的按钮?

Axure8怎么设计点击按钮触发控件变化的交互效果?

Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?

你可能感兴趣的:(Axure RP 8怎么使用按钮控制图片的显示或隐藏?)