美文网首页IOS知识积累移动端开发
iOS13最新LaunchScreen.storyboard 启

iOS13最新LaunchScreen.storyboard 启

作者: dose_爽 | 来源:发表于2020-03-18 19:19 被阅读0次

    一. 图片准备工作

    1. iPhone8  750 × 1334

    2. iPhone8p  1242 × 2208

    3. iPhoneX  1125 × 2436

    4. iPhoneXR  828 × 1792  

    5. iPhoneXSMAX  1242 × 2688

    二. imageset图片准备工作

    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张图片导入到该imageset下。

    三. LaunchScreen.storyboard的修改

    1. 新建一个imageView,讲图片设置到imageView上

    storyboard

    如果找不到对应的图片,查下Contents.json里是否有如下代码:

     {

          "idiom" : "iphone",

          "filename" : "iPhone8.png",

          "scale" : "2x"

        },  紧紧作为占位

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

    storyboard

    3. 设置imageview的contentmode为Aspect Fill

    storyboard

    4. 观察每个版本的适配情况,适当修改frame值

    storyboard

    通过Device选择观察适配情况,如果有不正确的地方适当修改

    storyboard

    到此适配过程结束。

    四. 参考链接

    感谢作者给的启示

    相关文章

      网友评论

        本文标题:iOS13最新LaunchScreen.storyboard 启

        本文链接:https://www.haomeiwen.com/subject/otbcyhtx.html