【知识点7】动态面板 - 推动 / 拉动元件

01 概念

动态面板是一个允许添加多状态（层）的且能够实现多种动态效果的多空间容器元件。

动态面板默认只有一个状态（层），可以根据需求添加多个状态（层），并且在每一个状态（层）中都可以放入一个或多个元件（包括其他动态面板）。

02 推动元件功能

（1）隐藏动态面板设置

要想实现推动下移的动态效果，先将动态面板进行隐藏设置。

隐藏动态面板可以点击元件右键，选择“设为隐藏”。也可在“样式”功能面板中点击切换“眼睛”图标，进行快速隐藏切换。

补充：元件转换动态面板时，选中需要转换的元件，右键选择“转换为动态面板”，这样不会改变原有元件的交互样式设置，交互动作不会失效。

（2）推动元件设置

点击触发按钮（“显示”），设置单击交互样式。

鼠标单击按钮（“显示”）-打开“交互编辑器”-添加“单击时”事件-选择“显示/隐藏”-选择动态面板-“设置动作”中选择“显示”-选择“推动元件”-“下方”-单击“确定”完成。

（3）注意事项

通过调整动态面板的大小，用以调整推动元件的间隔设置。

动态面板与其状态内元件范围设定一致操作：动态面板右键-“自适应内容”。

实现推动下移元件的效果，需要将元件放置于与动态面板上边界对齐或在其下方的位置。在动态面板上边界以上位置的元件，在推动时不会有下移动作。

（4）拉动元件

同理，需要隐藏动态面板时，鼠标单击按钮（“隐藏”）-打开“交互编辑器”-添加“单击时”事件-选择“显示/隐藏”-选择动态面板-“设置动作”中选择“隐藏”-选择“拉动元件”-“下方”-单击“确定”完成。

待续~