动态面板

如果你是刚接触Axure，我想动态面板会是你对他产生好奇心的一个很大特质，当你掌握他这个特质，你会发现很多功能，你都能实现。

动态面板可以放很多层的内容，这里层的概念和ps的图层类似，你眼睛能看到的是最上面那一层，下面的看不到。之前看过一个比喻，说就像汉堡，我觉得很形象。你可以往里面加很多你喜欢的馅，但是你看的时候是一个俯视的角度，你只能看到最上面的面包，但是馅（肉排啊、生菜啊、奶油啊...）是一直在的，只需要你几个动作，使得原型在在预览的时候，触发一个用例，你就可以看到里面的馅，可以吃到。

我们先来认识一下动态面板的真身，如下所示，其实它的图标也是十分形象，你可以看到它有很多层，这里也可以把这个层称为状态，动态面板可以有多个状态。我目前使用的是axure8汉化版的版本，层被翻译为状态。

我们先拖拉一个动态面板到画布中央，可以看到动态面板拉过来的样子是有颜色的，带着透明度的蓝色，右上方标记的地方，是给动态面板取名字的地方，右下方你可以看到动态面板的组成，它可以包含很多层（状态）

状态增加的方式是鼠标移到动态面板右侧，如下图所示：

也可以直接在动态面板或者状态上右键选择添加状态。

这里要声明一点：你一开始拉得动态面板的大小，是框定所有状态大小的范围，之后面板里的内容，如果超出面板的大小，你是无法查看到的，当然也有解决办法，你可以在画布上的动态面板元件上右键有一个滚动条，你可以选择显示滚动条，这样就可以通过拉动滑动条，可以看页面到超出面板大小的内容。

应用场景：

我现在比较常用的场景：在同一个显示界面，你点击一个按钮，需要将界面切换至另一个界面，你可以使用动态面板，在一个页面内就完成，不需要再新建另一个页面，或者考虑要放置在原有界面里的第几层，动态面板里，你可以随意添加。

注意：这里如果不是在同一个页面里，你在建立用例的时候是无法选到那一页的动态面板的。

这里举个栗子：

我现在将动态面板命名为首页，并建立两个状态，一个叫水果。一个叫牛奶。

双击水果，进去编辑

我放入一张图片，你可以看到，边上有蓝色的虚线，这个就是你动态面板的大小范围框定区域。我们再双击进入牛奶，进行编辑

我放入一张牛奶的图片。

然后我们回到页面，可以看到如下图所示，看到的果然是第一层的状态，水果。

那我们可以通过什么方式，看到第二层呢

我们可以建立一个用例，首先拉一个按钮到画布上吧。

接下来我们要为按钮添加用例：

我们选中按钮元件，然后双击进入鼠标单击用例编辑界面，选择设置面板状态，勾选右上方想要设置的动态面板，再去选择状态牛奶。

这样就可以实现，点击按钮，首页切换到了牛奶状态，不信？你可以预览试试，O(∩_∩)O哈哈~

细心的你可能会发现选择状态下拉框处还有几个常量选择，比如这个Next，你可以勾选向后循环以及设置循环间隔、首个状态延时1000毫秒后切换。

这个就适合用于动态轮播图的场景。如果想要打开页面轮播就开始，可以设置页面载入时的用例，其他设置内容不变。O(∩_∩)O哈哈~那今天就结束啦，有问题欢迎提出。