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

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

程序员文章站 2023-11-15 10:35:16
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设置图像行为的方法,希望大家喜欢,请继续关注。

相关标签: Axure 图片