33. 適配iPhoneX,iOS項目添加啟動圖片LaunchImage的三種方式

啟動圖片

測試環(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吧。

LaunchImage

然后把啟動圖片添加到工程 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
命名,圖片數(shù)量和官方demo比對

注意:官方demo的《Application Icons and Launch Images for iOS》

下邊說添加iPhone X的啟動圖片,把圖片拖進(jìn)文件夾后,需要在info.plist文件的 UILaunchImages中添加Item,具體添加內(nèi)如如下:

info.plist

注意:
(1) 打包ipa包上傳到iTunes Connect中,會檢查工程中是否添加了完整的啟動圖片,之前的經(jīng)驗,這種添加啟動圖片和圖標(biāo)的方式打包上傳的話,如果圖片命令有問題,直接在Application Loader校驗階段就會報錯,拒絕上傳請求。 但是我前邊說過,沒有查到官方指定的iPhone X啟動圖片的命名,也沒有試過這種添加方式上傳會不會有問題被拒絕,等到試驗后告訴大家。
(2) 多target不要忘了每個info.plst都添加!

在LanunchScreen.xib中設(shè)置啟動圖片

因為出現(xiàn)的時間較近,很多老項目都沒有采用,新項目沒采用。所以偷懶不說了,官方原話是推薦這種方式,然后添加一張static image圖片。我查閱,但是沒了解該圖片是什么意思,類似pdf格式的?
有興趣的朋友可以試驗下該種方式,或者有文章,在評論里留言和簡信我,我添加到此位置!

官方說明

  1. 《iPhone X》
  2. 《Launch Screen》

demo地址

《ApplicationIconsandLaunchImagesforiOS》

交流


希望能和大家交流技術(shù)
Blog:http://www.lilongcnc.cc


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,763評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,238評論 3 428
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,823評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,604評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,339評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,713評論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,712評論 3 445
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,893評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,448評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,201評論 3 357
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,397評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,944評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,631評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,033評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,321評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,128評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,347評論 2 377

推薦閱讀更多精彩內(nèi)容