從2020年4月開始讨盒,所有使? iOS13 SDK的 App將必須提供 LaunchScreen,LaunchImage即將退出歷史舞臺
2020年3月22號更新
評論里很多兄弟反映了幾個問題
1冀自,ios13系統(tǒng)有問題
2榴嗅,劉海屏上下有黑邊
3化借,文章的demo是白圖秤涩,看不出來是否適配帜乞。
本人今天恰逢有新項目,順道來看一下我這個配置溉仑,本人未發(fā)現(xiàn)有這三個問題挖函,尤其是第三個状植,其實(shí)看一下準(zhǔn)備的圖就發(fā)現(xiàn)上面的白邊是少了一部分的浊竟,說明并沒有留白。
放上xs max的截圖津畸,其他的就懶得放了振定。
2020年4月16號更新
已經(jīng)通過此方法上線兩款app。
今天拿到新啟動項目的啟動圖肉拓,突然想到這條iOS13的要求后频,恰好最近在適配公司其他的工程到iOS13。像在下這個菜雞當(dāng)然是先百度為敬暖途。
然后吃了一驚卑惜,網(wǎng)上竟然幾乎沒有這方面的資料(可能菜到不會百度)即便是有,也是將圖片直接放在LaunchScreen.storyboard進(jìn)行粗暴的拉伸驻售,就目前蘋果這個機(jī)器越來越復(fù)雜的情況露久,很明顯粗暴的拉伸是絕對滿足不了需求的。
腫么辦呢欺栗?通過查閱各方資料毫痕,再加上自己思考(自閉)終于找到一個方法,也不知道是不是正規(guī)操作迟几,總之是完成了適配消请。
準(zhǔn)備圖片
41573701315_.pic_hd.jpg
我們準(zhǔn)備了目前市場占比較高的手機(jī)尺寸的圖片
- 4.0寸的iPhone5/5s
- 4.7寸的iPhone678
- 5.5寸的iPhone6P7P8P
- 5.8寸的iPhoneX/XS iPhone11Pro
- 6.1寸的iPhoneXr iPhone11
- 6.5寸的iPhone XS Max/iPhone 11 Pro Max
(后面的命名規(guī)則在欺負(fù)強(qiáng)迫癥的人)
為了區(qū)分每個手機(jī)屏幕,在圖片上做了標(biāo)記类腮。
xcode創(chuàng)建圖片
將所有尺寸的圖片拖入到當(dāng)前圖片的文件夾下
xcode會自動同步臊泰,但是會出現(xiàn)不識別的警告。
然后用編輯器打開Contents.json文件
將三個數(shù)組字典刪除掉蚜枢,更換成
{
"idiom" : "iphone",
"scale" : "1x"
},
{
"idiom" : "iphone",
"filename" : "iPhone4.png",
"scale" : "2x"
},
{
"idiom" : "iphone",
"subtype" : "retina4",
"scale" : "1x"
},
{
"idiom" : "iphone",
"filename" : "iPhone5s.png",
"subtype" : "retina4",
"scale" : "2x"
},
{
"idiom" : "iphone",
"filename" : "iPhone8P.png",
"subtype" : "736h",
"scale" : "3x"
},
{
"idiom" : "iphone",
"filename" : "iPhone8.png",
"subtype" : "667h",
"scale" : "2x"
},
{
"idiom" : "iphone",
"filename" : "IPhoneX.png",
"subtype" : "2436h",
"scale" : "3x"
},
{
"idiom" : "iphone",
"filename" : "iPhone XS Max.png",
"subtype" : "2688h",
"scale" : "3x"
},
{
"idiom" : "iphone",
"filename" : "iPhone XR.png",
"subtype" : "1792h",
"scale" : "2x"
}
這時我們的xcode就變成了這樣
操作LaunchScreen.storyboard
注意: 布局的時候七婴,上下需要選擇邊界view,默認(rèn)是SafeArea
然后圖片image填上我們剛才創(chuàng)建的圖片名察滑。
注意:在我們敲入名字的時候打厘,可能會出現(xiàn)圖片不識別的情況,xcode11現(xiàn)在敲入圖片的時候已經(jīng)會提示了贺辰,也不會出現(xiàn)提示户盯,在json文件中加上前面這段空狀態(tài)或者有一張圖就行,意思一下饲化,原理是什么不知道莽鸭,大佬可以評論一下解答,多謝
{
"idiom" : "iphone",
"scale" : "1x"
},
{
"idiom" : "iphone",
"filename" : "iPhone4.png",
"scale" : "2x"
},
{
"idiom" : "iphone",
"subtype" : "retina4",
"scale" : "1x"
},
這樣就會有提示吃靠,且圖片不在為大問號硫眨。