Axure如何制作图片切换查看效果

 时间:2026-02-13 07:49:49

Axure如何制作图片切换查看效果

在工作生活中,我们经常会用到图片查看器来切换查看图片,通过向上或向下翻页查看图片,非常便利。这种图片切换查看的方式,在Axure中也能快速实现。那么,在Axure中,如何制作图片切换查看效果呢?本文就由小编带大家了解一下,一起来看看吧~

Axure如何制作图片切换查看效果

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑:Windows 7

方法/步骤

1.打开Axure,从左侧元件库拖取一个【动态面板】元件,2个【主要按钮】元件到页面。放置如图

Axure如何制作图片切换查看效果

2.双击动态面板,在弹出框中新增几个【面板状态】,如图

Axure如何制作图片切换查看效果

3.双击动态面板【State1】,在虚线框中放入一张图片。如图

Axure如何制作图片切换查看效果

4.以同样的方式,将【其它几个动态面板状态】放入图片。如图

Axure如何制作图片切换查看效果

5.选择按钮【下一张】,设置交互动作【鼠标单击时】的动作为:设置面板状态到向后循环,如图

Axure如何制作图片切换查看效果

6.选择按钮【上一张】,设置交互动作【鼠标单击时】的动作为:设置面板状态到向前循环,如图

Axure如何制作图片切换查看效果

7.完成设置,预览结果,图片切换查看效果完成

Axure如何制作图片切换查看效果

Axure如何制作图片切换查看效果

总结:

1.打开Axure,从左侧元件库拖取一个【动态面板】元件,2个【主要按钮】元件到页面;

2.双击动态面板,在弹出框中新增几个【面板状态】;

3.双击动态面板【State1】,在虚线框中放入一张图片;

4.以同样的方式,将【其它几个动态面板状态】放入图片;

5.设置按钮【下一张】的交互动作【鼠标单击时】:设置面板状态到向后循环;

6.设置按钮【上一张】的交互动作【鼠标单击时】:设置面板状态到向前循环;

7.完成设置,预览结果,图片切换查看效果完成。

注意事项

Tips:通过对界面进行美化处理,添加一些框架,就是一个可切换查看图片的图片查看器了。

  • axure中如何裁剪图片,裁剪工具在哪
  • Axure RP中继器实例绑数据,选中,删除
  • 墨刀如何创建原型项目#校园分享#
  • Axure怎么画圆角矩形
  • Animate如何制作单击显示文字的交互效果(AS3)
  • 热门搜索
    对虾怎么做 湖北中医药大学怎么样 左腿发麻是怎么回事 恶意差评怎么申诉 怎么改照片尺寸 怎么样清理手机内存 痛风怎么办快速解决 文档页码怎么设置 文玩核桃怎么玩 怎么设置自动关机