一. 圖片準(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上
如果找不到對應(yīng)的圖片开缎，查下Contents.json里是否有如下代碼：
?{
? ? ? "idiom" : "iphone",
? ? ? "filename" : "iPhone8.png",
? ? ? "scale" : "2x"
? ? }, ?緊緊作為占位用
2. storyboard的配置如下約束配置如下
3. 設(shè)置imageview的contentmode為Aspect Fill
4. 觀察每個版本的適配情況斤寂，適當(dāng)修改frame值
通過Device選擇觀察適配情況，如果有不正確的地方適當(dāng)修改
到此適配過程結(jié)束诚镰。
四. 參考鏈接
感謝作者給的啟示
