Apple又玩新花樣，展開效果原來還可以橫著放！
關注Apple推文的小伙伴應該注意到，最近Apple在排版上頻頻推出新花樣。
在《跟著這份 macOS Ventura 詞匯表，開始新操作。》一文中，Apple向大家展示了展開效果原來還可以橫著放。
▲GIF演示
現在 iPaiban Pro 黑科技編輯器已經上線同款效果組件「點擊-橫向展開」，使用該組件可以靈活調整點擊橫向展開效果的各項參數，比如觸發區、圖片的寬度、展開時是否回彈以及回彈的程度多少等等。
我們來體驗對比下展開時不回彈和回彈的效果
不回彈（示例1）：
回彈（示例2）：
再來對比下同樣的素材，滑動區顯示不同寬度圖片的效果????????
顯示圖片寬度65%（示例3）：
顯示圖片寬度100%（示例4）：
至于各項參數怎么設置，大家不必完全模仿Apple，根據自己的素材和內容確定合適的效果即可。
以示例3的效果為例，一起來看下怎么制作的吧：
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com
組件：點擊-橫向展開
編號：11501（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「點擊」-「橫向展開」分類中找到「點擊-橫向展開」組件，或者直接搜索組件編號11501，點擊選擇。
第2步：上傳圖片素材
為了讓大家更好地理解素材結構，該組件設有默認素材，我們刪除默認素材上傳自己的素材替換即可。
該組件的原理是將常見的向下展開的效果逆時針選擇90度橫過來，所以我們上傳的素材應該是未旋轉的，點擊前、點擊后和展開圖上傳效果如下所示
點擊前：
點擊后：
展開圖：
注意所有圖片寬度需保持一致，每組圖的數量相同。
第3步：調整效果參數
分別調整圖片顯示寬度、是否回彈以及展開的動畫時間。如果選擇回彈還可進一步設置回彈的程度。
點擊右側「預覽草稿」可隨時預覽效果。
第4步：導入公眾號后臺
調整效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手v2.0安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）