iOS開發-AppIcon和LaunchImage
引言
對於一款App,圖示和啟動圖是必不可少。好看的圖示和啟動圖會更加地吸引使用者,能增加點選量和下載量,為你的App大大的加分。而且啟動圖設定是有尺寸要求的,系統會根據啟動圖,辨別適配的是哪個機型。
設定AppIcon
1. AppIcon尺寸
AppIcon有多種尺寸,下面僅列出iPhone上常用的尺寸,ipad等其他裝置的尺寸,請自行檢視官方文件
![679533-a4c0d3efc0d28768.png](https://i.iter01.com/images/ec11e9f027586b459d78be1adec47bcbc309a16737a10c54d6693ad972b15abf.png)
2. 新增AppIcon
在General中啟用AppIcon
![679533-a5f6155208022326.gif](https://i.iter01.com/images/63fa32ab56debe216881907fe9220a6db4246ec5b66209bd24e3673b970b7262.gif)
右邊欄中可以選擇要新增的型別,一般選擇iPhone一項中的iOS7.0andLater即可
![679533-9416dcfe2802762d.png](https://i.iter01.com/images/5006dd5e9de61844cdb2cef2ad84ac2b29686282c79d5a136d2847796f1cdced.png)
把圖片拖入相應位置,這樣就設定好了AppIcon,重新編譯執行就能看到圖示了。
![679533-ff6cefe1daf1ff56.png](https://i.iter01.com/images/1df2b1df0e25511629c65c109bddf6b1f17d632fd88525531b90117a07a6960e.png)
![679533-5237df39abd8c4cd.png](https://i.iter01.com/images/171d407b58f6e8772ed255233d4be16a38cbeafbeb9758923488a93ff6d3155f.png)
小技巧:一般圖示都是讓美工提供,如果美工比較忙的的話,可以只提供一張1024*1024的圖片,我們可以自己生成。生成地址:圖示工場
生成之後下載,會到的所需要的所有尺寸
![679533-c972e74a7eb4236c.png](https://i.iter01.com/images/ec2dbbc5033345832f1b3898482e8e80a0001180ba4b7265d85aa9f8b2fc5500.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](https://i.iter01.com/images/ef38a8033242948b1413a57605ee52e97bb98a8bf088a5bf50a125a9db95a8dd.gif)
同樣在右邊欄可以選擇要新增的型別
![679533-53d285a1475fe1c1.png](https://i.iter01.com/images/ac9ec0689b975b06cc4a784eeda5d2187d11fdc2125d1c5f4ae5f92c243e4a48.png)
把圖片拖入相應位置
![679533-0eb2d4d8e1896319.png](https://i.iter01.com/images/e5d7ea129cd27fe99f97d4ddea66e75177d7e016b064ce2457e4648a1ff9e11e.png)
![679533-adc1d4021a4672e6.png](https://i.iter01.com/images/7af1e9a786513bc7831c428d3e6f819618a4880b3528c360f17d4284d79cbb7c.png)
啟用LaunchImage
![679533-3b609c05b91bc305.gif](https://i.iter01.com/images/10957a18fe5d68e21206986b8e410cc0546a82f7a9ab6fa7280cf4020c5d619b.gif)
禁止使用LaunchScreen.storyboard,如果不禁止即使設定了LaunchImage也不會有效果,載入的還是空白的LaunchScreen.storyboard
![679533-dde37fd00d324f8c.gif](https://i.iter01.com/images/fa58058ab4b28cb6567f2b79d068d9e438698294be5fd024f9d3f18c6cb88aa9.gif)
重新編譯執行就能看到啟動圖畫面了。
更多內容請檢視官方文件
相關文章
- iOS-設定AppIcon圖示和啟動頁iOSAPP
- iOS 使用者體驗文件(appicon 等image的規範)iOSAPP
- Flutter 和iOS 混合開發(一)FlutteriOS
- [iOS開發]Carthage安裝和使用教程iOS
- iOS 開發iOS
- iOS開發的分類和擴充套件iOS套件
- 玩轉iOS開發:iOS中的NSOperation開發(一)iOS
- iOS開發:UIAlertViewiOSUIView
- iOS 開發薪水iOS
- iOS開發- RunLoopiOSOOP
- iOS開發-UIButtoniOSUI
- iOS開發-MVCiOSMVC
- iOS開發中使用OC和swift的對比iOSSwift
- Flutter與Native混合開發-FlutterBoost整合應用和開發實踐(iOS)FlutteriOS
- iOS開發之FuckingBlockSyntax!iOSBloC
- iOS 開發加密做法iOS加密
- Flutter混合開發-iOSFlutteriOS
- iOS藍芽開發iOS藍芽
- iOS開發框架--SDWebImageiOS框架Web
- iOS開發框架--AFNetworkiOS框架
- iOS開發框架--MyLayoutiOS框架
- iOS開發小tipiOS
- iOS開發-手勢iOS
- iOS開發框架--QMUIKitiOS框架UI
- iOS開發基礎107-iOS直播iOS
- 玩轉iOS開發:iOS開發中的裝逼技術 – RunTime(一)iOS
- 玩轉iOS開發:iOS開發中的裝逼技術 – RunTime(二)iOS
- 玩轉iOS開發《建立CocoaPods開發庫》iOS
- swift指令碼程式設計:一鍵生成AppIconSwift指令碼程式設計APP
- iOS開發基礎篇--CAShapeLayer的strokeStart和strokeEnd屬性iOS
- 美顏SDK如何進行Android和iOS雙端開發?AndroidiOS
- 玩轉iOS開發:iOS 10 新特性《UserNotifications》iOS
- iOS節拍器開發iOS
- iOS開發的那些坑iOS
- iOS的鏈式開發iOS
- iOS開發之逆向工程iOS
- iOS的元件化開發iOS元件化
- iOS開發常用快捷鍵iOS
- iOS VR視訊開發iOSVR