axure功能太强大，动态面板已经搞得我头晕@_@眼花了，更别提7.0版本的中继器了。。。
废话不多说，还是和大家分享一下动态面板实现banner轮播的效果，对动态面板还不熟的，像我一样的axure初学者，不妨来看看这个效果的制作过程，然后自己试着做一做，绝对增加自己的信心^_^
就拿大淘宝首页banner轮播效果为例解释：
前期线稿图，部件准备
1. 先画个大概的位置线框图，如下图所示，做了3张banner的轮播效果
2.banner位置的占位符转换为动态面板（鼠标右键，转换动态面板），给面板命名→_→这个不逼迫，在右侧面板区找到动态面板（图中为首页banner），选中，添加2个状态，分别放banner2，banner3。
双击状态名进入对应的面板页面，会看到有蓝色的框框，框内的部件将会在面板里显示，框外的不显示。可以给状态修正名称（选中状态，然后单击名称即可修正，图中状态名称修正为1,2,3对应第几张banner）
3.添加banner轮播时，banner上面的状态按钮（图中的圆点，会跟随banner切换，颜色变革），添加矩形部件，右键选择形状，然后选择椭圆，然后在工具栏里修正椭圆的宽和高，变成一个圆（w：10，h：10），复制部件2次，在右侧部件名称和注释处给3个圆点分别命名圆点1，2，3
前期准备差不多了，现在开始动态效果准备
1. 准备事情差不多完成了，现在开始动态搭配效果。首先是banner要设置成自动轮播的。这要肿么设置呢？先给面板加动态效果：选中面板，在右侧交互栏的“显示”一项下添加用例，杂项里选择等待2秒（用来展示banner，韶光是非自行设置），然后在动态面板下选择”设置面板状态“，选择状态“下一步”，设置进入退出动画“向左滑动”，动作韶光设置为500毫秒。重复“等待”，\"大众设置面板状态\"大众两次。
把稳：banner轮播到第三张时，下一张连接第一张banner，在设置面板状态时，勾选”从末了一个到第一个自动跳转“，这样才能实现banner1，2，3，1，2，3这样的轮播顺序。
2. 做到这里，在浏览器里预览，创造banner怎么不动？莫急，要让banner动，得有个触发条件，首先将banner动态面板设置为不可见（选中动态面板右键，设为不可见），然后在”页面交互“中设置当页面载入是，添加用例，显示动态面板
3. 做到这里，你再试一试预览，惊奇的创造，banner可以轮播了，是不是很开森？然后。。。。。。。停了？这是什么鬼？？？？？见告你，还没做完，页面加载只触发了开始的轮播，一贯重复还须要再触发，要肿么再触发呢？？？？嗯，大略，动态面板隐蔽再显示就又触发了，有木有很神奇，哇哈哈。。。
在动态面板”显示“一项的用例里末了添加隐蔽面板，显示面板，保存后预览即可轮播
4. banner终于可以轮播了，开森！
But，banner上的状态圆点还木有变，都是一样的状态，现在来修正这3个圆点，让3个圆点对应各自的banner。
给3个圆点添加交互样式（选中圆点，右键添加交互样式），在\公众选中\"大众下设置圆点样式，选择添补个颜色（赤色，自行设置），3个圆点同理设置。
5. 然后将圆点的效果和动态面板联系起来，在动态面板“显示”一项的用例里连续添加内容，部件里选择“设置选择/选中”，banner1显示时，选中圆点1（选定状态值：true），圆点2和3为未选中状态（选定状态值：false），以此类推设置即可。
把稳：用例是一项一项实行，不要把圆点的状态放错位置哟~圆点状态要和对应的banner状态同等哦~
6. 全部完成后，预览原型，wow，轮播效果完成咯~~~~~~~~~~
PS：淘宝头条的笔墨动态效果和banner效果制作相同，有兴趣的童鞋再多联系下~
本文由 @Lprecious 原创投稿，并经大家都是产品经理编辑。未经容许，禁止转载。
