前言
iOS 8之前我們都是通過(guò)LaunchImage來(lái)設(shè)置啟動(dòng)圖甸陌，隨著蘋(píng)果設(shè)備的更新男杈，尺寸也越來(lái)越多挂脑，這時(shí)候我們需要設(shè)置各種設(shè)備的啟動(dòng)圖迫肖，而且每次增加新的尺寸的設(shè)備都需要添加相應(yīng)尺寸的啟動(dòng)圖，這個(gè)比較麻煩闲坎。因此iOS 8蘋(píng)果引入了LaunchScreen.storyboard疫粥，支持了AutoLayout 和 SizeClass，這樣能夠更加方便的適配各種屏幕腰懂。
注意??：蘋(píng)果提出內(nèi)容從2020年4月份開(kāi)始梗逮，所有支持iOS 13的App必須提供LaunchScreen.storyboard，否則將無(wú)法提交到App Store進(jìn)行審核绣溜。
因?yàn)樽罱峤?code>App到App Store提示2020年4月份必須適配iOS 13慷彤，所以就適配iOS 13的同時(shí)，把LaunchScreen.storyboard也給處理了怖喻。
方案
方案1：使用一張通用圖片
這種方案沒(méi)什么難度底哗，主要是在LaunchScreen.storyboard中添加圖片并設(shè)置好約束，然后將準(zhǔn)備好的圖片設(shè)置好即可锚沸。這種方案在不同設(shè)備上可能會(huì)出現(xiàn)不同程度的裁剪跋选。
方案2：使用一套圖片(主要介紹)
因?yàn)楣卷?xiàng)目需要，不希望出現(xiàn)裁剪的效果哗蜈，因此要做成LaunchImage的效果前标。
iPhone尺寸如下圖：
目前市場(chǎng)上主要尺寸以及對(duì)應(yīng)圖片：
- 3.5寸的iPhone4s
(640*960) - 4.0寸的iPhone5/5s/5c/SE
(640*1136) - 4.7寸的iPhone6/6s/7/8
(750*1334) - 5.5寸的iPhone6p/6sp/7p/8p
(1242*2208) - 5.8寸的iPhoneX/XS/11Pro
(1125*2436) - 6.1寸的iPhoneXr/11
(828*1792) - 6.5寸的iPhone XS Max/11 Pro Max
(1242*2688)
步驟
- 在
Xcode的Assets.xcassets中創(chuàng)建圖片組并且命名Image_qidong(隨意)坠韩。
-
右鍵圖片組 -->
Show in Finder--> 進(jìn)入修改Contents.json--> 修改相應(yīng)圖片組信息//修改前 { "images" : [ { "idiom" : "universal", "scale" : "1x" }, { "idiom" : "universal", "scale" : "2x" }, { "idiom" : "universal", "scale" : "3x" } ], "info" : { "version" : 1, "author" : "xcode" } }
//修改后
{
"images" : [
{
"idiom" : "iphone",
"scale" : "1x"
},
{
"idiom" : "iphone",
"scale" : "2x"
},
{
"idiom" : "iphone",
"scale" : "3x"
},
{
"idiom" : "iphone",
"subtype" : "retina4",
"scale" : "1x"
},
{
"idiom" : "iphone",
"subtype" : "retina4",
"scale" : "2x"
},
{
"idiom" : "iphone",
"subtype" : "retina4",
"scale" : "3x"
},
{
"idiom" : "iphone",
"subtype" : "736h",
"scale" : "3x"
},
{
"idiom" : "iphone",
"subtype" : "667h",
"scale" : "2x"
},
{
"idiom" : "iphone",
"subtype" : "2436h",
"scale" : "3x"
},
{
"idiom" : "iphone",
"subtype" : "2688h",
"scale" : "3x"
},
{
"idiom" : "iphone",
"subtype" : "1792h",
"scale" : "2x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
-
將對(duì)應(yīng)圖片添加進(jìn)入圖片組中
注意??：不要整體拖進(jìn)去，不會(huì)自動(dòng)識(shí)別炼列，逐一添加只搁。
- 設(shè)置
LaunchScreen.storyboard，并將圖片設(shè)置成剛剛的image_qidong
- 設(shè)置用
LaunchScreen.storyboard作為啟動(dòng)圖俭尖。
注意??：
-
LaunchScreen.storyboard布局的時(shí)候氢惋，上下需要選擇邊界view，默認(rèn)是SafeArea目溉。 - 需要將
LaunchImage的設(shè)置去掉，否則會(huì)報(bào)錯(cuò)菱农。 -
設(shè)置完成后重啟下
Xcode缭付，否則設(shè)置沒(méi)有效果，感覺(jué)是Xcode的一個(gè)Bug循未。
效果
下面展示不同機(jī)型的啟動(dòng)效果：
方案3：將素材進(jìn)行分割加載陷猫，當(dāng)成普通的storyboard文件進(jìn)行相關(guān)處理。
這里就是將需要的啟動(dòng)圖中的元素的妖，包括logo绣檬，文字，圖片等單獨(dú)切出來(lái)嫂粟，然后跟普通頁(yè)面那樣加載UI控件等娇未。這就可以解決了不同尺寸屏幕的適配問(wèn)題以及包資源體積增大的問(wèn)題。好處就是包體積小了適配各種機(jī)型更靈活（但是背景圖還是不可避免的要失去部分顯示效果）星虹，不好的地方就是以后要是換開(kāi)屏圖零抬，那么就要開(kāi)發(fā)者有一定的工作量進(jìn)行處理。
