1.最近计划集中更新一些原型图的制作，考虑到banner图是各类互联网产品的常见内容，所以本期分享一些banner图的制作技巧，水平有限，欢迎大家多提意见，相互学习！基础信息制作目标：banner轮播图制作软件：Axure RP 9界面内容轮播图。
2.状态栏按钮，常见为一排圆形、矩形元件组成，提示当前图片序列及跳转到相应图片。
3.上下页切换按钮。
4.互动效果：（1）轮播图：自动循环播放；（2）状态栏按钮：鼠标放置到控制按钮，轮播图转换到对应页面并停止滚动；图片播放时，对应的按钮为选中状态，提示当前图片序列。
5.（3）上下页切换点击「上一张」、「下一张」按钮，实现轮播图相应滚动；鼠标放置元件，有选中表现。
6.制作过程1、设置动态面板从元件库选择「动态面板」，命名为：banner。
7.新建多个状态，并插入相应图片。
8.本文图片来源无版权图片社区。
9.2、设置banner的首次滚动点击banner元件—新建交互，目标选择banner，按如下设置互动内容
10.3、设置轮播图后续滚动在步骤2之后，只能实现轮播图滚动一次，只有完成这步，才能实现轮播图的持续自动播放
11.4、设置状态组按钮添加5个圆形元件，水平分布，命名为banner状态组，未选中颜色为灰色，设置选中状态为红色
12.圆形元件分别命名为图片1按钮、图片2按钮···5、设置状态按钮对应到相应图片选择图片1按钮元件，点击新建交互，具体设置如下
13.做完这步之后，预览时发现鼠标放置到状态按钮元件上后，会播放想要序列的图片，但图片自动播放时，未能点亮对应的状态按钮，下一步解决这个问题。
14.6、设置图片对应相应状态按钮选中状态选中banner，然后在「面板状态改变时」动作下添加用例/情形，在用例/情形1的下面添加交互动作，具体如下
15.依据用例/情形1的方式，继续添加其他用例/情形2-5
16.完成此步骤后，我们的轮播图就快完成了，最后再补上下切换按钮
17.7、设置上下切换按钮根据自己的喜好做两个切换按钮的图形，多个图形需要点击组合成一个图形，命名为「上一页」、「下一页」，然后将两个按钮设置为同一组。
18.设置选中样式，我的案例中是选中前透明度60%，选中后透明度30%。
19.点击「上一页」按钮，新增交互，具体如下：案例展示预览链接：
