对新手产品经理来说，当你看到年长产品经理的原型，轮播图会动，你就觉的很神奇呢？是不是有一种想学习的冲动。那么今天我就教大家如何用好axure做出动态的轮播图效果。
这种动态效果主要是通过动态面板来实现完成的。学习的时候主要是清楚动态面板和交互效果的运用，就可以很轻松的学会这个轮播图的交互。
第一个元件：
第一步取出元件：选择的是动态面板。
第二步放入页面中：需要放入你想要展示的位置。
第三步命名：命名是为了更好的使用动态面板，一定要养成命名的习惯，好的命名方式回让你事半功倍。
第四步设置动态面板状态：展示多少个轮播图设置多少个状态，命名已图1-图4这样的方式，放入不同的内容。
第二个元件：
第一步取出圆形元件：这个主要是做按钮使用。
第二步调整长宽高：保证它是圆形图样。
第三步命名：这里四个圆形都要命名。
第四步调整边框颜色：调整边框颜色为白色。
第五步调整圆形的填充色：设置为灰色能更好的看出交互效果。
为按钮做交互样式：选中交互样式，选择交互样式为选中，填充颜色为白色。
在为四个按钮逐一设置为“设置选项组”。
以上的都是比较简单的设置。最重要的是接下来的交互判断，请大家务必记清楚。
选中按钮1，交互为鼠标点击。选中动作，第一不设置选中当前元件为true时。设置面板状态“轮播图”为图1进入动画向左滑动、退出动画向左滑动。再次设置动态面板轮播图为停止循环状态，且设置等待5000毫秒后，再设置动态面板next进入动画向左滑动、退出动画向左滑动。按以上的设置方案，逐一对四个按钮的进行设置。
大家是不是认为这样就可以自动轮播呢？以上只是按钮控制轮播。还要对动态面板进行控制。接下来讲下动态明白的自动轮播控制。
选中动态面板，做第一个交互：状态改变时。
编辑条件，动态面板=状态图1，那么设置选中状态按钮1为true。对四个动态面板都做同样的设置即可。
设置当前元件左拖动结束时。选中状态为next，进入动画向左滑动、退出动画向左滑动。
设置当前元件右拖动结束时。选中状态为next，进入动画向右滑动、退出动画向右滑动。
最后一项一定要设置，当进入页面之后就自动动起来。
选中属性为载入时，设置等待为200毫米，轮播图为选中状态为next，选中向后循环，循环间隔2000毫秒（默认值是500，未设置，这个轮播图就比较快。需要调整下这个循环间隔时间）进入动画向右滑动、退出动画向右滑动。
以上的步骤完成之后，你就可以大胆的运行下预览。这个时候，你会看到下面的结果。
不知道你学会了吗？
如有图片看不清楚的可以点击这个链接查看高清图片：
http://note.youdao.com/noteshare?id=05ce4bbd009aba901f101449f61373e7
閱讀更多 會做菜的產品經理 的文章
