天貓京東app中常見的上下滾動輪播效果如何實現?

前段時間,公司安排我製做一個上下滾動輪播效果,相似於咱們在天貓京東app中常見的這樣:app

哇kao!這個我徹底不會呀???

幸虧,前幾天一個朋友在朋友圈分享了一篇推文。瞬間引領我走出了迷茫,這個教程特別實用!工具


工具:墨刀
作法:動畫

  •  建立母版,拖入文字組件,輸入文字,將文字組件調整到合適的位置和大小;添加全局手勢。複製頁面1,將其分別命名爲頁面二、頁面3,並修改文字組件的內容。
  • 經過全局手勢,頁面1連接到頁面2,頁面2連接到頁面3,頁面3連接到頁面1;其中在連接頁面時,將定時器設置爲1秒;動效時長設置爲1秒;轉場動畫設置爲下移入。母版就設置完成了。

  • 回到工做區內,分別添加3個文字組件,輸入京東、快報、更多。並設置顏色、字號等信息。將剛建立的母版拖入到「快報」右側,點擊運行便可

相關文章
相關標籤/搜索