Axure图片怎么添加交互效果? Axure设置图像行为的技巧

Axure rp中想要设置图像行为,该怎么设置呢?下面我们就来看看详细的设置方法。

1、在画布上拖一个图片元件,命名为image, 矩形1元件命名为content,并拖一个提交按钮,命名为设置图像

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

2、选中设置图像按钮,为其添加鼠标单击事件。

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

3、在添加动作中单击设置图像,在配置动作发现只有图片元件,没有矩形元件

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

4、勾选 图片复选框,为其设置default图片,点击后面的导入按钮,选择设置图片后点确定。

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

5、按F5进行预览,查看效果。点设置图像按钮后,图片元件的内容发生改变,出现新的图形

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

6、对图片设置鼠标悬停时的效果,如果要清空图片,只需点后面的清空按钮即可。

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

7、按F5查看效果,当鼠标停留在图片上时,所显示的图片就会发生改变。

Axure图片怎么添加交互效果? Axure设置图像行为的技巧

以上就是Axure rp设置图像行为的方法,希望大家喜欢,请继续关注。