【知识点41】推动 / 拉动元件效果
01 预期效果
模拟阅读文章时，“继续阅读”下拉推动展开，“收起”向上拉动收起的效果。
02 具体操作步骤
（1）在原型文件的画布中，拖入文本段落、图片等元件，组成默认展现的样例文章。
放入“继续阅读”文本标签Continue，用以触发单击时事件。
（2）拖入动🅷态面板（名称：Continuereading），创建两个状态。第一个状态默认为空，无内容，用以展示切换用；第二个状态添🥂加继续阅读的内容。
将Continuereading动态面板设为“自适应内容”。
（3）点击Contin൲ue“继续阅读”文本标签，在“交互”功能面板中，打开“交互编辑器”。添加“单击时”事件。
点击“启用情形”添加情形。设置“元件文字-当前==文本-继续阅读”。
🍎点击“设置面板状态”选择Continuereading动态面板，“state”中选择“阅ꦉ读内容”，“进入动画”中设置“向下滑动-800毫秒”，勾选“推动和拉动元件-下方-线性-800毫秒”。
点击“设置文本”选择Continue文本标签，将“值”设为“收起”。
（4）在Continue“继续阅读”文本标签中继续添加情形。设置“元件文字-当前==文本-收起”。
点击“设置面板状态”选择Continuereading🦋动态面板，“state”中选择“状态空”，“进入动画”中设置“向上滑动-800毫秒”，勾选“推动和拉动元件-下方-线性-800毫秒”。
点击“设置文本”选择Continue文本标签，将“值”设为“继续阅读”。
这样，即实现了推动和拉动效果。
待续~
好了，这篇文章的内容发货联盟就和大家分享到这里，如果大家网络推广引流创业感兴趣，可以添加微信：80709525 备注：发货联盟引流学习； 我拉你进直播课程学习群，每周135晚上都是有实战干货的推广引流技术课程免费分享！
