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


【知識(shí)點(diǎn)41】推動(dòng) / 拉動(dòng)元件效果


01 預(yù)期效果

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


02 具體操作步驟

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

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

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

將Continuereading動(dòng)態(tài)面板設(shè)為“自適應(yīng)內(nèi)容”。

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

點(diǎn)擊“啟用情形”添加情形。設(shè)置“元件文字-當(dāng)前==文本-繼續(xù)閱讀”。

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

點(diǎn)擊“設(shè)置文本”選擇Continue文本標(biāo)簽,將“值”設(shè)為“收起”。

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

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

點(diǎn)擊“設(shè)置文本”選擇Continue文本標(biāo)簽,將“值”設(shè)為“繼續(xù)閱讀”。

這樣,即實(shí)現(xiàn)了推動(dòng)和拉動(dòng)效果。


待續(xù)~

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


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

您可能還會(huì)喜歡:

發(fā)表評(píng)論

◎歡迎參與討論,請(qǐng)?jiān)谶@里發(fā)表您的看法、交流您的觀點(diǎn)。