iOS開發-AppIcon和LaunchImage

weixin_34249678發表於2016-04-01

引言

對於一款App,圖示和啟動圖是必不可少。好看的圖示和啟動圖會更加地吸引使用者,能增加點選量和下載量,為你的App大大的加分。而且啟動圖設定是有尺寸要求的,系統會根據啟動圖,辨別適配的是哪個機型。

設定AppIcon

1. AppIcon尺寸

AppIcon有多種尺寸,下面僅列出iPhone上常用的尺寸,ipad等其他裝置的尺寸,請自行檢視官方文件

679533-a4c0d3efc0d28768.png
iPhone圖示尺寸

2. 新增AppIcon

在General中啟用AppIcon

679533-a5f6155208022326.gif
啟用AppIcon.gif

右邊欄中可以選擇要新增的型別,一般選擇iPhone一項中的iOS7.0andLater即可

679533-9416dcfe2802762d.png
可選的型別.png

把圖片拖入相應位置,這樣就設定好了AppIcon,重新編譯執行就能看到圖示了。

679533-ff6cefe1daf1ff56.png
拖入圖片之前.png
679533-5237df39abd8c4cd.png
拖入圖片之後.png

小技巧:一般圖示都是讓美工提供,如果美工比較忙的的話,可以只提供一張1024*1024的圖片,我們可以自己生成。生成地址:圖示工場

生成之後下載,會到的所需要的所有尺寸

679533-c972e74a7eb4236c.png
資料夾內容.png

可以直接將AppIcon.appiconset資料夾直接匯入Assets.xcassets中使用,但由於很多尺寸用不上,建議還是匯入必須的圖片就可以了。

設定LaunchImage

1. LaunchImage尺寸

常用尺寸

iPhone 6Plus/6SPlus(Retina HD 5.5 @3x): 1242 x 2208
iPhone 6/6S/(Retina HD 4.7 @2x): 750 x 1334
iPhone 5/5S(Retina 4 @2x): 640 x 1136
iPhone 4/4S(@2x): 640 x 960

2. 新增LaunchImage

在Assets.xcassets中新增LaunchImage

679533-33c8c9bc997a845c.gif
新增LaunchImage.gif

同樣在右邊欄可以選擇要新增的型別

679533-53d285a1475fe1c1.png
可選型別.png

把圖片拖入相應位置

679533-0eb2d4d8e1896319.png
拖入前.png
679533-adc1d4021a4672e6.png
拖入後.png

啟用LaunchImage

679533-3b609c05b91bc305.gif
啟用LaunchImage.gif

禁止使用LaunchScreen.storyboard,如果不禁止即使設定了LaunchImage也不會有效果,載入的還是空白的LaunchScreen.storyboard

679533-dde37fd00d324f8c.gif
禁用LaunchScreen.gif

重新編譯執行就能看到啟動圖畫面了。

更多內容請檢視官方文件

相關文章