測試環(huán)境:
- Xcdoe 9
- iOS11
這篇文章,主要是解決公司發(fā)布多個馬甲app,啟動圖片和圖片放到了項目普通文件夾下的情況,文章可以參考我之前寫的。 如果公司只是固定的產(chǎn)品,那直接放到Images.xcassets 下或者使用LanunchScreen.xib是最好的選擇!
首先,iOS項目添加啟動圖片有三種方式:
(1) 放到工程 Images.xcassets 文件夾下的中的【LaunchImage】圖片集合中。
(2) 放到工程下的普通文件夾中。
(3) 在LanunchScreen.xib中設(shè)置啟動圖片
下邊,我就iOS項目這三種方式,以適配iPhone X為例子進(jìn)行說明。
iPhone X的啟動圖片格式
iPhone X的啟動圖片就一張,格式是1125px × 2436px (375pt × 812pt @3x)。
這里@3x說明iPhone X的其他圖標(biāo)都是 @3x圖,和啟動圖片沒什么關(guān)系。你讓美工或者自己弄一張,大小是1125 × 2436的圖片就可以了!
至于圖片的命名,查閱了官方文檔,沒有發(fā)現(xiàn)命名方法,如果有知道的朋友,請千萬告訴我一下!萬分感謝! 暫且,我依照蘋果命令規(guī)范,將iPhone X的啟動圖片命名為Default-iOS11-812h@3x.png
【LaunchImage】圖片集合
如果沒有創(chuàng)建【LaunchImage】圖片集合的話,可以通過
- step A: Target-> General
- step B: App Icons and Launch Images
- step C: 在【Launch Images Source】選項下點擊點擊 Use Asset Catalog 來設(shè)置 【LaunchImage】圖片集合。
注意一: 剛創(chuàng)建【LaunchImage】集合,可能選項的位置并沒有如下圖顯示的這樣。這個時候重啟下項目就好了,算是Xcode的一個bug吧。
然后把啟動圖片添加到工程 Images.xcassets 文件夾下的中的【LaunchImage】中。
注意二: 如果你只是添加單張圖片進(jìn)去,不識別。那直接把之前已經(jīng)放的圖片刪除掉,加上iPhone X的啟動圖片重新拖動一下就好。
最后結(jié)果如下圖:
網(wǎng)上很多說法是,把iPhone X的啟動圖片拖進(jìn)去,還需要在在LaunchImage中的Contents.json文件中增加
{
"extent" : "full-screen",
"idiom" : "iphone",
"subtype" : "2436h",
"filename" : "圖片名字.png",
"minimum-system-version" : "11.0",
"orientation" : "portrait",
"scale" : "3x"
}
這里我實驗的結(jié)果是,直接拖進(jìn)之后,這段json就已經(jīng)生成了,不需要手動添加。
放到工程下的普通文件夾中
這種方式需要對啟動圖片(應(yīng)用圖標(biāo)也是)的格式,命名,數(shù)量都有要求。并且需要在對應(yīng)的Info.plist中設(shè)置一些參數(shù)。 這部分設(shè)置可以在我之前寫的《26- iOS項目基礎(chǔ)一 - 官方應(yīng)用圖標(biāo)和啟動圖片的尺寸規(guī)范和相應(yīng)的工程設(shè)置》中查看,也可以在下載官方Demo自己比對。
注意:官方demo的《Application Icons and Launch Images for iOS》
下邊說添加iPhone X的啟動圖片,把圖片拖進(jìn)文件夾后,需要在info.plist文件的 UILaunchImages中添加Item,具體添加內(nèi)如如下:
注意:
(1) 打包ipa包上傳到iTunes Connect中,會檢查工程中是否添加了完整的啟動圖片,之前的經(jīng)驗,這種添加啟動圖片和圖標(biāo)的方式打包上傳的話,如果圖片命令有問題,直接在Application Loader校驗階段就會報錯,拒絕上傳請求。 但是我前邊說過,沒有查到官方指定的iPhone X啟動圖片的命名,也沒有試過這種添加方式上傳會不會有問題被拒絕,等到試驗后告訴大家。
(2) 多target不要忘了每個info.plst都添加!
在LanunchScreen.xib中設(shè)置啟動圖片
因為出現(xiàn)的時間較近,很多老項目都沒有采用,新項目沒采用。所以偷懶不說了,官方原話是推薦這種方式,然后添加一張static image圖片。我查閱,但是沒了解該圖片是什么意思,類似pdf格式的?
有興趣的朋友可以試驗下該種方式,或者有文章,在評論里留言和簡信我,我添加到此位置!
demo地址
《ApplicationIconsandLaunchImagesforiOS》
交流
希望能和大家交流技術(shù)
Blog:http://www.lilongcnc.cc