兩層變三層？這種疊加滑動你可能第一次見
滑動真的可以各種變著花玩兒，我們今天再看點好玩的。
之前有一個雙向滑動不少小伙伴覺得有意思，就是下面這種：
*素材來自施耐德電氣《Power Story | 點擊攻略，開啟2022 Easy模式》
實現這種效果的方法是用 iPaiban Pro 黑科技編輯器的左滑組合嵌套一個右滑組件，具體教程大家可以戳：《能向左也能向右滑的雙向滑動，教你1分鐘實現！》
最近母親節臨近，有小伙伴又拿了一個不常見但挺有意思的滑動效果來問實現方法，就是這種：
*素材來自廣州日報《今天被這些話刷屏了？不，我是親媽，我要吐槽！》
第一次左滑看著像雙層前景滑動，再左滑一次，你會發現新的圖片竟然直接覆蓋在了當前圖片上，這樣一看就不是兩層了，而是三層疊加滑動。
它的實現方法其實和雙向滑動差不多，雙向滑動是左滑組合嵌套右滑組件，三層疊加滑動則是左滑組合嵌套左滑組件！
可能不少小伙伴已經猜到方法了，具體怎么操作，一起看下教程吧：
詳細教程：
工具：iPaiban Pro黑科技編輯器，網址：SVG.iPaiban.com
組合：左滑組合(自動對齊)
編號：10249（組合）
組件：雙層滑動-前景左滑(自動對齊)
編號：10270（組件）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組合」按鈕，在「滑動組合」分類中找到「左滑組合(自動對齊)」組合，或者直接搜索組合編號10249，點擊選擇。
第2步：選擇組件并嵌套
點擊「編輯組合」，進入組合編輯頁面。
組合默認有兩個組件位，我們可以拖動左側任意組件到組件位中，這里的每一個組件位相當于一個滑動頁。
在左側搜索找到「全能無縫圖」組件（編號：10028），將其拖動到第一個組件位中，如下所示：
同樣的方法將「雙層滑動-前景左滑(自動對齊)」組件（編號：10270）拖動到第二個組件位中。
第3步：上傳圖片素材
所有圖片尺寸素材需保持一致。
點擊右側「換圖」按鈕，上傳準備好的三層疊加滑動中的背景圖。
點擊第一個組件位，在右側上傳第1張前景滑動圖。
點擊第二個組件位，在右側底圖位置上傳第2張前景圖，點擊「+」號按順序上傳一張同尺寸的全透明圖和第3張前景圖。如下：
第4步：導入公眾號后臺
點擊左上角「保存并退出」退出組合編輯模式，點擊最右側「預覽草稿」預覽效果，效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼預覽在公眾號的效果。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）