展開之后還能點擊展開，大品牌愛用的嵌套展開怎么做？
點擊展開，已經是一種非常常見的SVG排版效果。
今天要給大家推薦一種更高級的展開方式——嵌套式展開，也就是展開之后還能點擊展開。
最近這種層層嵌套點擊展開的效果，在各大品牌圖文的出鏡率越來越高。
下面我們看3個案例。
案例1，戴森，點擊展開中嵌套多個可收回的點擊展開：
*素材來自Dyson戴森《全新智能吹風機今日開售，隨 JISOO 探索戴森最新黑科技》
組合：點擊展開(可嵌套)
編號：10875（組合）
組件：點擊展開,點擊收回(支持多張，無限循環)
編號：10264（組件）
案例2，滬上阿姨，點擊切換GIF展開中嵌套多個點擊切換GIF展開：
*素材來自滬上阿姨《清爽戰隊集結，滅火！限時買一送一！》
組合：點擊切換GIF動圖+展開(可嵌套,有觸發區)
編號：10935（組合）
案例3，邁克生物，點擊消失展開中嵌套多個點擊翻轉展開：
*素材來自邁克生物《測試中更換試劑要多久？》
組合：點擊消失+展開(可嵌套展開,有觸發區)
編號：11848（組合）
組合：點擊-翻轉切換+自動展開
編號：11557（組合）
得益于 iPaiban Pro 強大的嵌套功能，以上3種嵌套式展開都可使用 iPaiban Pro 黑科技編輯器實現。
需要注意的是，嵌套式展開與其他單次展開不同，需要使用編輯器「嵌套展開」分類中的展開組合制作。其他分類中的展開，僅支持嵌套非展開類效果，不支持嵌套展開。
以案例2滬上阿姨的排版為例，一起來看看如何實現吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組合：點擊切換GIF動圖+展開(可嵌套展開,有觸發區)
編號：10935（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組合」按鈕，在「嵌套展開」分類中找到「點擊切換GIF動圖+展開(可嵌套展開,有觸發區)」組合，或者直接在搜索框中搜索組件編號10935，點擊選擇。
第2步：進入組合編輯模式
如下所示，點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，我們需要設置展開前和展開后的內容。
第3步：設置展開前的內容
①點擊展開前區域，然后在右側按照要求點擊「換圖」依次上傳圖片。
②雙擊展開前區域，拖拽調整點擊觸發區。
第4步：設置展開后的內容
設置展開后的內容，總共分為3步：添加組件位-拖動組件/組合到組件位中-上傳素材。
每需要一個交互效果按照這3步走就可以，下面是動圖演示：
選擇什么組件/組合大家根據自己想要的交互效果來定，這里案例中使用了「點擊切換GIF動圖+展開(可嵌套,有觸發區)」組合，放置如下所示：
第5步：編輯二級展開
在展開后的內容中拖入相關組件/組合后，接著上傳素材即可。其中「點擊切換GIF動圖+展開(可嵌套,有觸發區)」組合還是按照2、3、4步操作。
第6步：調整展開效果的參數
每一個展開組合至少可以調整4個參數：GIF動圖播放時長、GIF播放結束后停留時長、展開時長和展開高度，點擊右側紅色小三角可以看到。
展開高度一般無需調整，但當大家在手機上預覽時，如果發現展開后有多余的空白或者沒有展現出全部內容，這時候就可以通過調整展開高度使其精準展開。
第7步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」逐步退出組合編輯模式回到編輯器主頁面。
繼續點擊最右側「預覽草稿」，效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）