动态面板
功能说明
动态面板是EasyV平台为了方便使用者做内容切换，开发的一个（多状态）内容容器组件。可以在动态面板中加入多种不同的状态，每一个动态中可以增加多个组件，可以单独设置自动轮播状态或者配合选项卡组件来控制状态切换，当组件或页面间需要进行复杂的交互配置时，如组件切换、页面轮播等效果，可用动态面板来实现。
效果演示
*动态面板 效果演示
基本功能
单击画布右侧工具栏中的动态面板，即可创建动态面板。鼠标或图层中选中动态面板，出现动态面板配置栏。
动态面板有以下几类配置项（与常规组件配置项类似）：
位置
动态面板所处位置，可通过拖拉拽的方式选择位置也可以通过x和y两个维度进行调整。
尺寸
动态面板尺寸，可在组件上直接调整尺寸也可以通过weight和hight两个维度进行调整。
默认隐藏
勾选之后在初始加载时组件默认隐藏且关闭回调触发，通常用来配合显隐控制，如【选项卡】组件进行显隐切换。
启用滚动
动态内容的高度或宽度不确定时，可勾选启动滚动进行动态调整。
自动轮播
勾选后可实现面板内不同状态的自动轮播切换，可自定义轮播动画效果和轮播更新间隔时间。
动画类型
动画类型主要为渐隐渐现，以动态效果呈现面板内组件。
更新时间
即动态面板内更新状态的频率。
编辑动态面板
在动态面板内点击“+”即可添加一个新的状态，动态面板的编辑页与项目编辑页基本相同，在画布中仍然是选择组件-->配置组件样式-->配置交互等，在状态栏中可对动态面板中每个自页面进行添加、复制、删除、重命名、拖动调整顺序等操作。在右侧的“页面设置”可对各个状态进行页面设置，调整背景色或启用背景图，无需预加载的状态可选择关闭初始化加载减轻硬件压力。
*编辑动态面板 说明
动态面板限制
1、每个动态面板最多支持添加20个状态。
2、每个大屏应用最多支持添加35个动态面板。
3、动态面板的嵌套层级：个人版、基础版、高级版嵌套层级不超过3，尊享版不超过5。
选项卡控制动态面板
动态面板可以与选项卡结合使用，通过选项卡来动态控制动态面板内状态切换。
1、在动态面板内配置几个不同状态。如下图所示在动态面板内添加了3个状态，状态名称双击即可修改：
*动态面板状态 说明
2、选项卡配置自定义事件。
点击
即可新增一个自定义事件，当前示例选项卡一个选项对应动态面板内一个状态，通过选项卡来控制动态面板内不同状态，自定义事件配置如下图所示：
*选项卡 自定义事件配置
类似的再添加事件2和事件3，不同点是切换组件状态设置为状态2和状态3，对应条件设置为"s=2"和"s=3"。
配置项详细说明
事件类型 | 事件类型选择“鼠标点击”即通过鼠标点击不同选项来切换状态。 |
条件 | 条件即动态面板内状态发生改变的条件，在这里为配置的为“s=1”，即当s=1时对应动态面板内状态一，s=2对应动态面板内状态二，以此类推。 |
组件 | 即与选项卡交互的目标组件，当前示例选择动态面板。 |
动作 | 动作状态比较多，切换组件状态即通过选项卡来切换动态面板组件状态。 |
状态 | 在动作中选择了切换组件状态，在此项配置选项卡一个选项对应的状态。 |
示例效果
示例文件
动态面板视频教程
00:00 动态面板基础介绍
1: 41 动态面板使用方法
如遇其他使用问题，可扫描下方二维码，获取更多产品支持~
