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

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

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

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑：Windows 7

方法/步骤

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

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

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

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

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

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

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

总结：

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

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

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

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

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

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

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

注意事项

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