第十节 动态面板实现推动和拉动效果

        在原型设计中我们经常会遇到元件使用显示更多或者收起效果，下面以面板元件推动与拉动效果做案件说明。

一、设置原有内容

我这里添加一个表格内容，添加“显示更多”文本超链接

二、设置在更多显示面板内容

添加一个动态面板，设置有内容、无内容两个状态

在有内容面板中添加一个表格，表格跟原来表格数据相接，面板默认设置隐藏。

三、添加交互事情

添加两个情形

1、判断当前元件文字==“显示更多”条件时

设置面板状态为“有内容”，推动元件下方

设置文本为“收起”

2、判断当前元件文字==“收起”条件时

隐藏面板，更多选项中选择“拉动元件”，“下方”属性值，确定完成。

设置回当前文本为“收起”

四、看效果

默认显示

点“显示更多”

点“收起”效果

效果达成。