“這種展開效果咋還騙人呢？”
第一次打開圖文，發現內容點擊一下展開了的小伙伴，一定曾被這種效果驚艷過。
現在的的展開已經是五花八門，老沙也介紹過不少iPaiban Pro 編輯器就能實現的，但看到之前沒見過的展開效果，小伙伴們還是充滿了好奇心啊。
這不，5月份的一個展開效果的會員日圖文又被扒了出來，有人來問這是怎么做的：
也怪我，自己用了一個交互效果卻沒有告訴大家，擇日不如撞日，今天咱就說說吧。
選擇「點擊查收」的小伙伴一次就展開了圖文，而選擇「狠心拒絕」的小伙伴可能沒有想到又會被引導去選擇「點擊查收」，最終還是展開了圖文，有點被騙的感覺，隨即反應過來，讓人會心一笑。
*8月的會員日也將要于17日開始了，本次會員日將會帶來新的福利，推出新的功能，登錄編輯器后點擊彈窗上的「預約」按鈕可預約本次會員日！
這個效果也是用 iPaiban Pro 制作的，教程戳：
詳細教程：
工具：iPaiban Pro黑科技編輯器，網址：x.iPaiban.com
組合：點擊展開（首屏可點擊切換）
編號：11212（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組合」按鈕，在「花樣展開」分類中找到「點擊展開（首屏可點擊切換）」組合，或者直接搜索組合編號11212，點擊選擇。
第2步：進入組合編輯模式，上傳展開前的圖片
點擊編輯區的「點擊此處配置」，進入組合編輯模式。在組合編輯模式中，分為「展開前」和「展開后」兩個區域。
點擊「展開前」區域，右側會提示上傳底圖和切換圖。底圖就是我們打開圖文第一眼看到的圖片，切換圖是點擊底圖某處區域不展開而切換的圖片。
注意兩張圖片尺寸需保持一致。
第3步：調整觸發區域
雙擊「展開前」的編輯區域，會看到一個紅色色塊，該色塊代表了點擊切換觸發的區域，它的大小和位置可任意調整。用戶點擊非紅色區域則會展開。
第4步：設置展開后的內容
展開后的內容可以嵌套各種組件。
所以首先要確認展開后的內容有哪些交互效果，會用到哪些交互組件，然后在左側依次拖動相應組件到展開后區域組件位中。
演示案例只用到了一個無縫圖，我們拖動一個「全能無縫圖」組件到組件位中，然后上傳圖片即可。
第5步：設置展開時長
點擊右側紅色小三角符號，可設置展開時長。
預覽如果發現沒有完全展開或展開有多余空白，還可以通過「加減展開高度」進行調整。沒有完全展開輸入正數，展開有多余空白輸入負數。
第6步：導入公眾號后臺
一切設置完畢后 ，點擊頁面左上角的「保存并退出」按鈕退出組合編輯模式，再次預覽沒有問題，然后點擊「導入微信平臺」就可以了。
導入時使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材，非常方便，安裝教程戳：《iPaiban Pro小助手v2.0來啦！》
如果還想編輯展開的內容，可再次點擊「點擊此處配置」進入。
登錄 iPaiban Pro，即刻預約8月會員日，第一時間了解享受本次會員日新福利。
認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
● SVG 黑科技交互排版????????
·
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）