动态面板——神奇的组件

动态面板是一个神奇的组件，是axure中最常用的组件，也是使用频率非常高的一个组件，熟练使用动态面板将会给你带来非常大的帮助。

动态面板就像图层一样，如果你会一点PS的话，你会知道图层概念，不知道也没关系，解释一下，比较容易理解。你可以把多张叠加在一起的纸张认为是动态面板的效果，每一张纸就是一个图层，你永远只能看到最上面的纸上的内容，然后纸的顺序可以调整，可以将某张纸拿到最上面来显示。

我们从实际案例来说一说如何使用动态面板。

动态面板之——Tab属性面板

使用windows的用户对这个最熟悉不过了，看看windows任务栏的属性。

你可以单击任务栏、导航和工具栏查看属性信息。如何实现这种效果呢？这大概是动态面板的最典型用法了。

（1）画一下属性窗口的最简单原型

选中1、2、3、4共四个区域，右键转换成面板，起个名字main。

1、2、3是属性面板的三个按钮，4是内容区域，改下相应名字。看到1、2、3、4区域之间重叠的边没有？看起来不美观，这里说个简单的小技巧，设置它们为下方没有边框的的形状，并将上面的三个按钮的边重叠一个像素，这样就看不出来了，最后将第一个按钮置为最上层，表示当前选中的Tab，效果如下：

设置按钮形状，选择没有下边框的那个：

调整后的原型如下，这样美观多了吧！

（2）复制状态1为状态2、状态3，修改状态名称分别为任务栏、导航、工具栏

（3）开始设置任务栏、导航、工具栏里的内容

在【任务栏】里加个勾选框示意一下

到动态面板的【导航】状态里，把这个状态里的【任务栏】按钮设置为最下层，并把【导航】按钮设置为最上层，对了，就是表示【导航】当前是选中状态，在内容区域随便放个组件，这里就放个文字标签吧。

第三个状态同上面设置，把里面的【工具栏】按钮设置为最上层...不啰嗦了。

（4）准备工作做好了，现在要能在单击上面三个按钮时响应我们变化

双击进入【任务栏】状态，给三个按钮添加事件

分别给三个按钮添加事件步骤如下：

注意最后选择的状态，对应的按钮单击后切换到对应的状态上，任务栏按钮对应动态面板任务栏状态，导航按钮对应动态面板导航状态，工具栏对应动态面板工具栏状态。

好了，F5预览一下吧，没出来？

仔细看看上面的步骤吧，每一步可能并不是非常的详细，但相信你能够理解。

不写太多了，放到下次再写吧。

【待续】

动态面板之——自动轮播幻灯

动态面板之——开关组件

动态面板之——关于动态面板的背景