超受歡迎的無限選擇切換效果，看完這篇你就會做了！
啥是無限選擇切換效果？
就是點擊圖文中特定的不同標簽，切換對應的不同內容。如下：
*素材來自保時捷中國《開保時捷的心情就像……》
組件：Apple同款-無限選擇切換圖片(五組及以上)
編號：11277（組件）
去年「Apple」公眾號使用這種效果時，就曾為大家寫過實現這種效果的教程。
現在一年過去了，無限選擇切換效果熱度不減，設定的標簽也不再只有一行，選擇切換的內容也不局限于單純的圖片，慢慢出現了滑動、視頻號、小程序等交互。
兩行選擇標簽的：
*素材來自德國唯寶餐具《推開理想生活之門》
組合：無限選擇切換內容(五組及以上)
編號：11735（組合）
選擇切換的內容為左滑的：
*素材來自ARMANI《EA7 網者之姿》
組件：Apple同款-無限選擇切換圖片(三組)+左滑
編號：11316（組件）
選擇切換的內容為左滑和視頻號的：
*素材來自捷豹路虎中國《請入座，賞巴蜀之聲》
組合：無限選擇切換內容(四組)
編號：11733（組合）
選擇切換的內容為上滑的：
*素材來自路易威登《入旅南加州》
組合：無限選擇切換內容(三組)
編號：11707（組合）
這些用 iPaiban Pro 黑科技編輯器都可以實現，下面教大家如何選擇根據自己的需求選擇合適的組件或組合，以及如何使用組合制作需要的效果。
如果選擇切換的內容為純圖片、左滑或右滑效果，可以直接選用組件進行制作，操作上更為方便。
純圖片選擇標簽數支持2-5組及以上，左滑或右滑選擇標簽數最多支持5組，標簽可以分行設計，在「點擊」-「選擇切換」分類中可以找到相應效果組件，教程：《Apple同款效果無限選擇切換圖片，來啦！》。
如果選擇切換的內容為除了以上3種的其他效果，比如小程序、超鏈接、上滑、視頻號等，則需要選用組合進行制作，當然切換的內容是以上3種效果也可以使用組合，組合的特點就是可以嵌套各種組件。
組合選擇標簽數支持2-5組及以上，標簽可以分行設計，在「點擊切換」分類中可以找到相應效果組合。
下面我們以前面「路易威登」3組標簽，切換內容為上滑的效果為例，一起看下如何使用組合制作吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組合：無限選擇切換內容(三組)
編號：11707（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組合」按鈕，在「點擊切換」分類中找到「無限選擇切換內容(三組)」組合，或者在「組合」中直接搜索編號11707，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為「背景圖和選擇圖」、「結果內容」兩塊設置區域。
無限選擇切換效果的素材主要分為3部分：背景圖、選擇圖和結果圖，顧名思義，在「背景圖和選擇圖」區域中需上傳背景圖、選擇圖，在「結果內容」區域中上傳結果圖。
第3步：上傳背景圖和選擇圖
點擊「背景圖和選擇圖」區域，在右側繼續點擊「換圖」按鈕上傳1張背景圖。背景圖尺寸為單組選擇圖和結果內容尺寸之和。
為方便后面在背景圖上設置觸發區域，背景圖上最好設計有選擇標簽。
點擊「+」號上傳多張選擇圖。選擇圖為設計有選擇標簽的圖片，各個選擇圖尺寸需一致。
第4步：設置觸發區域
雙擊編輯區上傳的背景圖，會出現一個觸發區域調整窗口。 觸發區序號為幾即代表第幾張選擇圖，用戶點擊該序號所在位置便會顯示該選擇圖，同時下方切換對應的結果內容。
觸發區間不可重疊，調整觸發區到合適位置后，一定點擊「保存設置并退出」才算設置成功。
第5步：設置結果內容
因為我們選擇的是三組的，所以「結果內容」區域共有3個大組件位，每一個大組件位對應一個選擇后的結果內容。
在大組件位中點擊「增加·槽」即添加了一個小組件位，此時我們就可以拖動左側需要的組件到小組件位中，一個大組件位中可以添加多個小組件位。
這里我們需要用到上滑效果，拖動「單層滑動-上滑(支持多張)」組件（編號：10200）到小組件位中：
拖動組件進來后按需上傳圖片，剩余結果內容按照同樣流程設置即可。
注意結果圖寬度需與選擇圖寬度一致，各個結果內容顯示尺寸需一致，結果內容的順序應與選擇圖上的圖標順序相對應。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」退出組合編輯模式回到編輯器主頁面。
繼續點擊最右側「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器1500+組件/組合現已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）