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

 时间:2024-10-23 10:02:46

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

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

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

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

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

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

4、第四步,设置鼠标悬停、鼠标按下、选中和禁用时替换图片,导入不同的图片,如下图所示:

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

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

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

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

如何利用Axure RP 8设置图片事件改变图片
  • flash打孔命令如何使用
  • PS利用滤镜制作牛皮纸纹理
  • PS软件中怎么将彩色照片转为黑白色——饱和度
  • GIF怎样转成视频格式,GIF格式转换
  • Photoshop之颜色叠加,渐变叠加,图案叠加
  • 热门搜索
    淮山排骨汤的做法 苹果怎么下载 红烧鸡爪的家常做法 笔记本电脑怎么截图 土豆丝的做法 小孩咳嗽怎么治最有效 比萨的做法 卤面的做法 木瓜的做法大全 铁板鱿鱼的做法