2018-08-26

                                                       Axure的动态效果（1）

                                                                     banner效果

        在浏览网页网页时，我们经常看到精美的轮播图还有动态效果，但是在网页中这种动态交互事件大多是用JS实现的，那我们在Axure中也可以实现这种动态效果。

        1.打开Axure，在左边元件库里面将--动态面板拖出来。

                                         

---

               2 . 单击动态面板，在右上角样式那里将面板的坐标，以及尺寸设计成你所需要的大小。 （这里为了方便我将它设为300X180）

尺寸

---

                  3.双击动态面板，出现他的面板状态管理，+号为增加子面板数量，按需求添加你的子面板，为了方便辨识，建议将每个面板命名。

面板管理

---

                  4.在每个子面板里面放上你所想放的一个图片，尺寸和动态面板大小一样。

放入图片

                    5 .回到主页面，点击空白位置，右侧属性里面选择----页面载入时

                 6.选择元件----设置面板状态---√选你点的动态面板----选择状态----next---向后循环√选（循环时间自己可以测试） 动画效果选择（因为图片从右边进来，反之） 所以向左滑动，时间自己可以测试。

循环

动画

---

                                                                                   7 .设置完成后，请按F5测试你的轮播图吧

                                                                                    （比较懒所以下次更新更多内容的banner）