动态面板

1.功能说明

动态面板是EasyV平台为了方便使用者做内容切换，开发的一个（多状态）内容容器组件。可以在动态面板中加入多种不同的状态，每一个动态中可以增加多个组件，可以单独设置自动轮播状态或者配合选项卡组件来控制状态切换，当组件或页面间需要进行复杂的交互配置时，如组件切换、页面轮播等效果，可用动态面板来实现。

2.效果演示

*动态面板 效果演示

3.基本功能

单击画布右侧工具栏中的动态面板，即可创建动态面板。鼠标或图层中选中动态面板，出现动态面板配置栏。

动态面板有以下几类配置项（与常规组件配置项类似）：

位置

动态面板所处位置，可通过拖拉拽的方式选择位置也可以通过x和y两个维度进行调整。

尺寸

动态面板尺寸，可在组件上直接调整尺寸也可以通过weight和hight两个维度进行调整。

默认隐藏

勾选之后在初始加载时组件默认隐藏且关闭回调触发，通常用来配合显隐控制，如【选项卡】组件进行显隐切换。

启用滚动

动态内容的高度或宽度不确定时，可勾选启动滚动进行动态调整。

自动轮播

勾选后可实现面板内不同状态的自动轮播切换，可自定义轮播动画效果和轮播更新间隔时间。

动画类型

动画类型主要为渐隐渐现，以动态效果呈现面板内组件。

更新时间

即动态面板内更新状态的频率。

4.编辑动态面板

在动态面板内点击“+”即可添加一个新的状态，动态面板的编辑页与项目编辑页基本相同，在画布中仍然是选择组件-->配置组件样式-->配置交互等，在状态栏中可对动态面板中每个自页面进行添加、复制、删除、重命名、拖动调整顺序等操作。在右侧的“页面设置”可对各个状态进行页面设置，调整背景色或启用背景图，无需预加载的状态可选择关闭初始化加载减轻硬件压力。

*编辑动态面板 说明

5.动态面板限制

1、每个动态面板最多支持添加20个状态。

2、每个大屏应用最多支持添加35个动态面板。

3、动态面板的嵌套层级：个人版、基础版、高级版嵌套层级不超过3，尊享版不超过5。

6.选项卡控制动态面板

动态面板可以与选项卡结合使用，通过选项卡来动态控制动态面板内状态切换。

1、在动态面板内配置几个不同状态。如下图所示在动态面板内添加了3个状态，状态名称双击即可修改：

*动态面板状态 说明

2、选项卡配置自定义事件。

点击即可新增一个自定义事件，当前示例选项卡一个选项对应动态面板内一个状态，通过选项卡来控制动态面板内不同状态，自定义事件配置如下图所示：

*选项卡 自定义事件配置

类似的再添加事件2和事件3，不同点是切换组件状态设置为状态2和状态3，对应条件设置为"s=2"和"s=3"。

6.1.配置项详细说明

6.2.示例效果

6.3.示例文件

📎动态面板示例_472403 (1).screen.zip

7.动态面板视频教程

00:00 动态面板基础介绍

1: 41 动态面板使用方法

如遇其他使用问题，可扫描下方二维码，获取更多产品支持~