rp件是什么意思,rp件材料?


【知識點41】推動 / 拉動元件效果


01 預期效果

模擬閱讀文章時,“繼續(xù)閱讀”下拉推動展開,“收起”向上拉動收起的效果。


02 具體操作步驟

(1)在原型文件的畫布中,拖入文本段落、圖片等元件,組成默認展現(xiàn)的樣例文章。

放入“繼續(xù)閱讀”文本標簽Continue,用以觸發(fā)單擊時事件。

(2)拖入動態(tài)面板(名稱:Continuereading),創(chuàng)建兩個狀態(tài)。第一個狀態(tài)默認為空,無內容,用以展示切換用;第二個狀態(tài)添加繼續(xù)閱讀的內容。

將Continuereading動態(tài)面板設為“自適應內容”。

(3)點擊Continue“繼續(xù)閱讀”文本標簽,在“交互”功能面板中,打開“交互編輯器”。添加“單擊時”事件。

點擊“啟用情形”添加情形。設置“元件文字-當前==文本-繼續(xù)閱讀”。

點擊“設置面板狀態(tài)”選擇Continuereading動態(tài)面板,“state”中選擇“閱讀內容”,“進入動畫”中設置“向下滑動-800毫秒”,勾選“推動和拉動元件-下方-線性-800毫秒”。

點擊“設置文本”選擇Continue文本標簽,將“值”設為“收起”。

(4)在Continue“繼續(xù)閱讀”文本標簽中繼續(xù)添加情形。設置“元件文字-當前==文本-收起”。

點擊“設置面板狀態(tài)”選擇Continuereading動態(tài)面板,“state”中選擇“狀態(tài)空”,“進入動畫”中設置“向上滑動-800毫秒”,勾選“推動和拉動元件-下方-線性-800毫秒”。

點擊“設置文本”選擇Continue文本標簽,將“值”設為“繼續(xù)閱讀”。

這樣,即實現(xiàn)了推動和拉動效果。


待續(xù)~

好了,這篇文章的內容發(fā)貨聯(lián)盟就和大家分享到這里,如果大家網絡推廣引流創(chuàng)業(yè)感興趣,可以添加微信:80709525  備注:發(fā)貨聯(lián)盟引流學習; 我拉你進直播課程學習群,每周135晚上都是有實戰(zhàn)干貨的推廣引流技術課程免費分享!


版權聲明:本文內容由互聯(lián)網用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權/違法違規(guī)的內容, 請發(fā)送郵件至 sumchina520@foxmail.com 舉報,一經查實,本站將立刻刪除。

您可能還會喜歡:

發(fā)表評論

◎歡迎參與討論,請在這里發(fā)表您的看法、交流您的觀點。