Axure动态面板的使用

动态面板：

在Axure中的很多交互都是由动态面板来实现的。动态面板里面可以包含多个状态，所以通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。但任何时候都是只有一个状态是可见的，或者整个动态面板是被隐藏的。

案例一：简单实现导航的页面切换

1、在工作区域添加以下元件

 

2、双击动态面板，添加新增三个状态。

 

3、在不同的状态下的动态面板中添加自己想要在某个状态展示的内容，例如选择状态一，在动态面板中写入首页的内容，在状态二下，在动态面板写入个人中心的内容。

4、为每个菜单中的标签添加交互事件。当点击不同的标签，动态面板就要显示出对应的状态，点击首页，添加“鼠标点击时” 交互事件，再添加“设置面板状态”的动作，将状态选择为状态一。点击个人中心，添加“鼠标点击时” 交互事件，再添加“设置面板状态”的动作，将状态选择为状态二。

5、点击预览，打开浏览器查看效果。

案例二：轮播图 

 1、添加一个动态面板，双击动态面板新增状态（要轮播多少张图就新增多少个状态）。

2、在每个状态下添加不同的图片，来进行轮播。

 

 3、在页面载入时，轮播图就会自动进行下一张图片显示，所以要在整个页面添加一个交互事件。

更多选项中的循环间隔为一次循环需要的时间。