如何利用Axure RP 8设计出图片轮换的效果

 时间:2026-04-23 22:37:38

1、第一步,打开Axure RP 8软件,在元件库中找到“图片”元件,拖一个到画布中,调整宽度和高度,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

2、第二步,在图标元件中找到左和右图标到画布中,调整位置,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

3、第三步,选中图片元件,导入外部图片,调整图片宽度和高度,让其跟图片元件的高度和宽度一样,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

4、第四步,选中左侧图标,添加鼠标单击用例,添加默认图片,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

5、第五步,选中右侧图标,添加鼠标单击用例,添加默认图片,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

6、第六步,预览该原型页面,这时页面出现一个图片带有两个左右图标,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

7、第七步,分别点击左侧和右侧的小图标,查看图片效果,如下图所示:

如何利用Axure RP 8设计出图片轮换的效果

如何利用Axure RP 8设计出图片轮换的效果

  • 墨刀工作流功能使用技巧
  • Animate如何制作单击显示文字的交互效果(AS3)
  • Axure RP中继器实例绑数据,选中,删除
  • InDesign怎样再制对象
  • AxureRP如何制作元件消失动画
  • 热门搜索
    防火安全手抄报 关于科技节的手抄报 新学期手抄报图片 环境手抄报 成长故事手抄报 手抄报a4版面设计图 创建平安校园手抄报 成语手抄报 小学生交通安全手抄报 小学生守则手抄报