多语言展示
当前在线:1644今日阅读:27今日分享:41

如何利用Axure RP 8设置图片事件改变图片

Axure RP 8设计软件,添加图片元件,然后导入图片,设置宽度和高度;给图片添加用例,在不同鼠标事件下,呈现不同的图片。可以使用Axure RP设置图片,下面利用一个实例说明图片事件改变图片的方法,操作如下:
工具/原料
1

Axure RP 8

2

图片素材

3

截图工具

4

浏览器

方法/步骤
1

第一步,打开Axure RP 8软件,在元件库找到图片元件,拖一个到编辑区域,让其居中显示,如下图所示:

2

第二步,选中图片元件,导入外部图片,并改变图片宽度和高度,使其跟图片元件宽度和高度保持一致,如下图所示:

3

第三步,选中图片元素,添加鼠标单击时用例,打开用例编辑窗口,进行设置,如下图所示:

5

第五步,上述设置完毕,导入的图片右上方出现数字“1”,说明图片效果实现了,如下图所示:

6

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

注意事项
1

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

2

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

推荐信息