iOS LaunchScreen 启动图

说明

从2020年4月起,苹果对上架的应用审核要求必须使用 LaunchScreen,过去的 LaunchImage 将不再建议使用。

使用

在 LaunchScreen.stroyboard 中添加一个 imageview 是必要的,如果是铺满整个屏幕,需要添加约束,注意的是,设置四个约束为 0 后,上下也会有空白区域,因为还有一块 safeArea 空间


1.png

这里,将上下约束的依赖选择为 superview,这样就能达到铺满全屏的效果。

单张图片

单张图片设置就很简单了,直接在 imageView 的图片设置为对应的图片,再将 contentMode 设置为自适应。
但是这样做会造成在不同的屏幕上有不同的拉伸变形。比较影响界面上的效果。

多图适配

使用多张图片去适配启动图,类似原来的 launchImages 的方法,设置多张图片,让系统自动检测使用对应比例的启动图。

1、将我们要用的启动图先拖一张到 Assets 中,名字可以修改为任意的


2.png

2、打开该图片的文件夹,把剩余的启动图放到文件夹中,这个时候会报黄色警告


3.png

3、修改文件夹中的 Content.json 文件,添加对应的图片类目


4.png

添加的内容,可以在原有的 LaunchImage 的 Content.json 文件中复制
5.png

4、最后直接设置 imageView 的图片即可

多控件布局

这种方法不依赖于图片,主要是控件布局,简单的一个 label 加上一个 icon 布局就可以完美适配。不过这种方法主要还是适合简洁的启动图。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最新更新新版本App出现了LaunchScreen 启动图不正确的问题。当听到这个消息心里一万只小羊驼跑过,就一张...
    你飞跃俊杰阅读 867评论 0 0
  • 最新更新新版本App出现了LaunchScreen 启动图不正确的问题。当听到这个消息心里一万只小羊驼跑过,就一张...
    iixzp阅读 10,393评论 0 4
  • 现在好像一种方法不能全部适配ios7、ios8、ios9 一、第一种(可以实现) (改项目b id 和版本) ...
    红酒佳坊阅读 8,721评论 1 6
  • 昨天给项目添加上了启动图片,以及引导页面,记录一下,设置过程和方法。 首先启动图片 启动图片有两种方式去设置一种...
    Www刘阅读 8,643评论 1 6
  • 坑一 先说下为什么写这篇文章,最近新版本上线,改了启动图,上线前没有在意,等上线通过从AppStore更新新版本时...
    MrCoolHao阅读 12,195评论 15 11