axture动画原型制作_Axure教程 | 为原型设计添加点动画效果

应用交互效果中，动画效果是应用的锦上添花效果，比起死板的页面切换，动画过渡效果还是会让人感觉自然，不那么生硬，也是一款优秀应用的加分项。我们以几个例子来说明一下如何应用axure里的动画效果。

幻灯片效果

我们要做的是一个自动轮播的幻灯片效果，也就是会自动从第一张片子开始，停留几秒后自动切换到下一个片子，显示到最后一个时再返回到第一个片子。几个着关键点说明如下：

1. 自动轮播

需要使用到动态面板的两个重要事件，“载入时”和“动态面板状态改变时”，状态切换时的动画效果设置如下：

并且注意勾选上“从最后一个到第一个自动跳转”

2. 左右滑动

我们还可以给动态面板添加左右滑动事件，这两个事件是动态面板特有的，这样可以模拟手指向左或向右滑动。

3. 指示器的动态效果

在切换片子的时候，我们希望下方的指示器也能自动指示当前选中的片子，并且有动态的移动效果。这里为了处理方法通用，使用了一点小小的技巧，用一个变量来控制当前的索引，然后索引整除3，根据得出的余数移动指示器的位置。

自定义下拉弹出菜单

axure自带的菜单样式太丑了，我们完全可以自己实现一个下拉弹出菜单，可以设置自己想要的样式。下面的例子是单击按钮时，如果菜单没显示，则向下弹出菜单，如果显示了，则向上收起菜单。

1)弹出菜单

我们使用了同一个按钮来控制弹出和隐藏，因