Axure RP 8 如何用动态面板做轮播

如何用动态面板做轮播

在Axure中用动态面板做轮播，要有运用的判定。在动态面板中要实现的效果有进行自动播放、具有 选中效果、可以切换页面、按钮和图片要对应，这是要动态面板做轮播实现的效果。
用动态面板做轮播—步骤一：
（1）把图片拖拽出来，双击找到要放入轮播的图片。
（2）单击右键找到转化为动态面板

（3）在动态面板中复制多个状态

（4）应该在每个状态中都选择不一样的图片，在轮播的过程中方便认出是不同的页面。

让页面自动切换—步骤二
（1）选择动态面板，在交互事件里面找到“载入时”，并且左键双击。
（2）在元件系列里面，找到“设置动态面状态”，并单击
（3）在配置动作里面选择“动态面板”。
（4）在选择状态中选择“Next”，让页面向后翻转
（5）勾选向后循环、循环间隔的毫秒数、首个状态延迟的多少个毫秒后切换
（6）选择向后切换的动画，一般都是选择“向左滑动”。

页面向前后切换的按钮—步骤三
（以向前的按钮为例）
（1）在鼠标单击时里面，找到设置动态面板
（2）选择状态中选择“Previous”，让页面向前切换
（3）切换的动画一般都是“向右滑动”
（4）由于点击向前按钮切换时，页面不在自动向后切换了。所以先设置等待多少毫秒，在 设置动态面板自动向后轮播（和步骤二是一样的）。

让页面切换的小按钮具有选中的效果，并且小按钮与图片一一对应—步骤四：
（1）给小按钮设置选中交互样式

（2）给所有的小按钮设置选项组的名称（所有的小按钮的组名称必须一样）
（3）给所有的小按钮添加上单击事件
（4）在动态面板里面设置选择状态为“Value”，状态名称或序号为“[This.name]”。
（5）据具体步骤以下图为例：

（6）给动态面板添加交互事件，每一屏动画添加上状态改变时，并且编辑条件

（7）当给每一屏动画添加上编辑条件时，给小按钮添加上选中效果

当完成以上步骤时，轮播已经完成了。可能还有一些细枝末节没有说到。这是需要自己动手去操作的，以此来增加对Axure的了解。