如何使用Axure：[1]制作可切换Banner效果

Axure是我们制作界面原型首选的工短铘辔嗟具软件，而制作Web原型时，又难免会碰到可切换Banner的效果。此篇向大家介绍一种制作可切换Banner。

工具/原料

Axure RP 7

开始

1、打开你的Axure RP，新建一个RP文件。

制作切换箭头

1、拖一个矩形到面板

2、将这个矩形的形状调整为三角形，作为切换箭头。再添加一个切换箭头，然后调整两者的歆懈邦嘭距离，为Banner留出位置。

3、添加一个矩形，作为背景

4、添加一个矩形。

5、将这个矩形转换为动态面板，并命名动态面板。之后我们会使用这个动态面板作为我们切换Banner的主体。

制作Banner面板

1、双击Banner，进入到动态面板的状态管理界面。

2、调整Banner的状态列表，在列表中的状态，将为我们将要切换的一个个具体的Banner图

3、到Banner的各个状态中，添加需要呈现的图片。这里要注意状态中图片的尺寸要与Banner动态面板的尺寸一致。

添加切换事件

1、为切换箭头添加单击事件，以保证当我们单击切换箭头的时候，可以切换Banner图

2、在单击事件的用例编辑面板中，找到「动态面板 - 设置面板状态」。

3、配置用例事件的具体属性。包括选择的状态，这里我们使用「Next」。当切换到最后一张Banner的时候，是否循环到第一页，这里我们选择「是」。切换的方式，这里需要注意的是，我们需要保证进入动画与退出动画的Slide方向是一致的，这样才能够从左进入，再向左退出。

4、以同样的方式配置另一个切换按钮的用例事件。这里选择「Previous」「Slide Right」

结束

1、至此，我们就完成了可切换Banner效果的制作，按F5可以进行预览