Axure RP 8设计软件,添加图片元件,然后导入图片,设置宽度和高度;给图片添加用例,在不同鼠标事件下,呈现不同的图片。可以使用Axure RP设置图片,下面利用一个实例说明图片事件改变图片的方法,操作如下:
工具/原料
1
Axure RP 8
2
图片素材
3
截图工具
4
浏览器
方法/步骤
1
第一步,打开Axure RP 8软件,在元件库找到图片元件,拖一个到编辑区域,让其居中显示,如下图所示:
2
第二步,选中图片元件,导入外部图片,并改变图片宽度和高度,使其跟图片元件宽度和高度保持一致,如下图所示:
3
第三步,选中图片元素,添加鼠标单击时用例,打开用例编辑窗口,进行设置,如下图所示:
5
第五步,上述设置完毕,导入的图片右上方出现数字“1”,说明图片效果实现了,如下图所示:
6
第六步,预览该原型界面,点击图片会出现不同的图片,悬浮和点击图片不一致,如下图所示:
注意事项
1
注意导入图片和图片元件的宽度和高度设置
2
注意图片用例下不同状态下的图片路径
下一篇:原神幽灯蕈分布位置在哪