一. 圖片準(zhǔn)備工作

1. iPhone8 ?750?×?1334

2. iPhone8p ?1242?×?2208

3. iPhoneX ?1125?×?2436

4. iPhoneXR ?828?×?1792??

5. iPhoneXSMAX ?1242?×?2688

二. imageset圖片準(zhǔn)備工作

Contents.json文件修改如下：

{

? "images" : [

? ? {

? ? ? "idiom" : "iphone",

? ? ? "scale" : "1x"

? ? },

? ? {

? ? ? "idiom" : "iphone",

? ? ? "filename" : "iPhone8.png",

? ? ? "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",

? ? ? "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" : "iPhoneXSMax.png",

? ? ? "subtype" : "2688h",

? ? ? "scale" : "3x"

? ? },

? ? {

? ? ? "idiom" : "iphone",

? ? ? "filename" : "iPhoneXR.png",

? ? ? "subtype" : "1792h",

? ? ? "scale" : "2x"

? ? }

? ],

? "info": {

? ? "version" : 1,

? ? "author" : "xcode"

? }

}

并將5張圖片導(dǎo)入到該imageset下。

三. LaunchScreen.storyboard的修改

1. 新建一個imageView，講圖片設(shè)置到imageView上

storyboard

如果找不到對應(yīng)的圖片，查下Contents.json里是否有如下代碼：

?{

? ? ? "idiom" : "iphone",

? ? ? "filename" : "iPhone8.png",

? ? ? "scale" : "2x"

? ? }, ?緊緊作為占位用

2. storyboard的配置如下約束配置如下

storyboard

3. 設(shè)置imageview的contentmode為Aspect Fill

storyboard

4. 觀察每個版本的適配情況，適當(dāng)修改frame值

storyboard

通過Device選擇觀察適配情況，如果有不正確的地方適當(dāng)修改

storyboard

到此適配過程結(jié)束。

四. 參考鏈接

感謝作者給的啟示