说到Axure RP 8相信不少人都在使用,那么你们知道Axure RP 8是怎么设置点击事件改变图片的吗?以下文章内就讲解了Axure RP 8设置点击事件改变图片的具体操作方法。
我们需要先打开Axure RP 8软件,在元件库找到图片元件,拖一个到编辑区域,让其居中显示,如下图所示:
![11.jpg](http://mydown-img2.yesky.com/news/201906/4153dc3cb2bcb7ec2b56246bb0c517bf.jpg)
然后我们选中图片元件,导入外部图片,并改变图片宽度和高度,使其跟图片元件宽度和高度保持一致,如下图所示:
![22.jpg](http://mydown-img2.yesky.com/news/201906/7a3315997f87d4c00999ea43de87d802.jpg)
接着我们选中图片元素,添加鼠标单击时用例,打开用例编辑窗口,进行设置,如下图所示:
![3.png](http://mydown-img2.yesky.com/news/201906/4e5bca83faf47844fc2a8b47d1d401e2.png)
再设置鼠标悬停、鼠标按下、选中和禁用时替换图片,导入不同的图片,如下图所示:
![4.png](http://mydown-img2.yesky.com/news/201906/32c780b434bedda6a5eca9d1f4bd8e9a.png)
根据上述设置完毕,导入的图片右上方出现数字“1”,说明图片效果实现了,如下图所示:
![55.jpg](http://mydown-img2.yesky.com/news/201906/0859359bd0d8c586247e2d4f29b9ec5d.jpg)
最后我们预览该原型界面,点击图片会出现不同的图片,悬浮和点击图片不一致,如下图所示:
![66.jpg](http://mydown-img2.yesky.com/news/201906/15020e3ba6a69527c51f8d5dadb29901.jpg)
根据上文为你们讲解的Axure RP 8设置点击事件改变图片的具体操作方法,你们是不是都学会了呀!