Axure RP 8怎么设置点击事件改变图片?

Axure RP 8想要实现在不同鼠标事件下,呈现不同的图片。下面我们就用一个实例说明图片事件改变图片的方法,请看下文详细介绍。

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、上述设置完毕,导入的图片右上方出现数字“1”,说明图片效果实现了,如下图所示:

Axure RP 8怎么设置点击事件改变图片?_第6张图片

6、预览该原型界面,点击图片会出现不同的图片,悬浮和点击图片不一致,如下图所示:

Axure RP 8怎么设置点击事件改变图片?_第7张图片

注意事项:

注意导入图片和图片元件的宽度和高度设置。

注意图片用例下不同状态下的图片路径。

以上就是就是Axure RP 8中设置图片事件改变图片的教程,下文大家喜欢,请继续关注脚本之家。

相关推荐:

axure怎么制作图片自动播放的效果?

Axure RP 8怎么制作一个旋转的圆角图片?

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

你可能感兴趣的:(Axure RP 8怎么设置点击事件改变图片?)