從 App Icon Generator 產生 iOS App Icon
Published in
Mar 5, 2020
從 Xcode 14 開始,App Icon 有更簡單的設定方法
舊版 Xcode
透過網站 App Icon Generator 的幫忙,我們只要上傳圖片,即可產生 iOS App 需要的各種 App icon 。接下來就讓我們一步步示範如何產生 App Icon。
- 連到 App Icon Generator 網站。
- 在格子裡放上想做成 App icon 的圖片。
下圖的範例其實不太完美,雖然 Peter 的圖片很可愛。若想要較好的效果,最好放上正方形的圖片,到時候生成 icon 時才不會變形。
- 點選 Generate 下載產生的 icon。
- 解壓縮 AppIcons.zip,我們需要的 icon 就在 AppIcon.appiconset 裡。
- 打開 Xcode 專案,點選 Assets 後點選 AppIcon。
- 按下 delete 鍵將 AppIcon 刪除。
- 從剛剛解壓縮的資料夾找到 AppIcon.appiconset,按 cmd + c 複製。
- 點選下圖 Assets 的紅色框框區塊,按下 cmd + v 貼上。
執行 App
Cool,帥氣的 Peter App icon 順利地出現在 iPhone 的桌面。
問題
若是模擬器的 App Icon 出不來或顯示有問題,可嘗試以下解法。
點選模擬器的 Device > Restart。