在 Mac 下編寫程式時,常需要為應用程式設計一個圖示,讓應用程式在桌面上或在 Dock 上顯示時,更美觀,有更高的識別度。為了因應 Retina 顯示器,Mac OS X 下的應用程式圖示(application icon)的設定方式也有一些調整。原本以 Icon Composer 來製作圖示的方式,似乎已不再合用。底下是在 Xcode 4.4 後,應用程式圖示的設定方法。
1。既是圖示,那當然要有圖,要先以繪圖軟體製作出應用程式圖示。建議解析度為 1024x1024。
2。將步驟一所製作出的圖示複製出另外 9 份的複製檔,也就是說一套應用程式圖示,要製作出 10 個 PNG 格式的圖檔。將這 10 個圖檔放到一個檔案夾中,將檔案夾命名為 開發專案名稱.iconset。
3。將其他 9 個圖檔的解析度依序調整成 512x512(2 個檔), 256x256(2 個檔), 128x128, 64x64, 32x32(2 個檔), 16x16。
4。將 1024x1024 的檔命名為 icon_512x512@2x.png, 1 個 512x512 的檔命名為 icon_512x512.png, 另 1 個則命名為 icon_256x256@2x.png, 1 個 256x256 的檔命名為 icon_256x256.png, 另 1 個則命名為 icon_128x128@2x.png, 128x128 的檔命名為 icon_128x128.png, 64x64 的檔命名為 icon_32x32@2x.png, 1 個 32x32的檔命名為 icon_32x32.png, 另 1 個則命名為 icon_16x16@2x.png, 最後 1 個 16x16 的檔則命名為 icon_16x16.png.
5. 將這個檔案夾拖到專案 Summary 窗格中的 App Icon 即可完成應用程式圖示的設定。如下圖所示位置。
留言
張貼留言