【知識點41】推動 / 拉動元件效果
01 預期效果
模擬閱讀文章時，“繼續(xù)閱讀”下拉推動展開，“收起”向上拉動收起的效果。
02 具體操作步驟
（1）在原型文件的畫布中，拖入文本段落、圖片等元件，組成默認展現(xiàn)的樣例文章。
放入“繼續(xù)閱讀”文本標簽Continue，用以觸發(fā)單擊時事件。
（2）拖入動態(tài)面板（名稱：Continuereading），創(chuàng)建兩個狀態(tài)。第一個狀態(tài)默認為空，無內(nèi)容，用以展示切換用；第二個狀態(tài)添加繼續(xù)閱讀的內(nèi)容。
將Continuereading動態(tài)面板設為“自適應內(nèi)容”。
（3）點擊Continue“繼續(xù)閱讀”文本標簽，在“交互”功能面板中，打開“交互編輯器”。添加“單擊時”事件。
點擊“啟用情形”添加情形。設置“元件文字-當前==文本-繼續(xù)閱讀”。
點擊“設置面板狀態(tài)”選擇Continuereading動態(tài)面板，“state”中選擇“閱讀內(nèi)容”，“進入動畫”中設置“向下滑動-800毫秒”，勾選“推動和拉動元件-下方-線性-800毫秒”。
點擊“設置文本”選擇Continue文本標簽，將“值”設為“收起”。
（4）在Continue“繼續(xù)閱讀”文本標簽中繼續(xù)添加情形。設置“元件文字-當前==文本-收起”。
點擊“設置面板狀態(tài)”選擇Continuereading動態(tài)面板，“state”中選擇“狀態(tài)空”，“進入動畫”中設置“向上滑動-800毫秒”，勾選“推動和拉動元件-下方-線性-800毫秒”。
點擊“設置文本”選擇Continue文本標簽，將“值”設為“繼續(xù)閱讀”。
這樣，即實現(xiàn)了推動和拉動效果。
待續(xù)~
好了，這篇文章的內(nèi)容發(fā)貨聯(lián)盟就和大家分享到這里，如果大家網(wǎng)絡推廣引流創(chuàng)業(yè)感興趣，可以添加微信：80709525 備注：發(fā)貨聯(lián)盟引流學習； 我拉你進直播課程學習群，每周135晚上都是有實戰(zhàn)干貨的推廣引流技術課程免費分享！
