iOS启动图有两种设置方式,分别为 Launch Images Source 和 Launch Screen File,新建项目时 Xcode 会自动创建 LaunchScreen.storyboard 且默认使用 Launch Screen File 的方式展示启动图。
图1-1 新建项目时默认使用Launch Screen File
如果误删了 LaunchScreen.storyboard 但还想使用 Launch Screen File 的方式展示启动图,可以直接新建一个 Storyboard 并勾选 Interface Builder Document 下的 Use as Launch Screen,勾选了 Use as Launch Screen 的 Storyboard 并不能指定 Custom Class,所以就算使用了 Launch Screen File 也并不能在启动图中添加任何代码逻辑。
图1-2 勾选Use as Launch Screen
通常情况下我会直接使用 Launch Images Source 方式展示启动图,省去了为启动图做适配的工作,只需要设计师提供不同尺寸的 PNG 图片就可以了,使用 Launch Images Source 也非常简单,只需要删除 Launch Screen File 的内容并选择 Launch Images Source,你就可以在 Assets.xcassets 中找到对应放图片的位置,如 Brand Assets,根据需要勾选右侧设置,如APP不支持横屏且是iPhone用的,勾选 Portrait 即可。
图1-3 使用Launch Images Source的配置
图1-4 Launch Images Source图片位置
图1-5 勾选Portrait即可
下边说说我在设置 Launch Images Source 时遇到过的问题,先看图。
图2-1
如图2-1所示,如果出现上下黑边的情况说明并没有勾选图1-5的设置,直接放图的话 Xcode 并不能直接识别启动图,所以一定要勾选后再将图片放进去。
图2-2
图2-2中乍一看并没有什么不对,但如标注所示状态栏的高度和粉色View高度并不正确,粉色 View 我在 Storyboard 中设置的值为 50,但显示的高度并不是 100px 而变成了 118px,状态栏的高度也变成了 44px,整个画面宽高均被拉伸变形了。引起这个问题的元凶也是 Launch Images。请一定要仔细检查 Launch Image 对应图片的大小,不要相信UI的命名!不要相信UI的命名!不要相信UI的命名!正确设置后屏幕才会正常拉伸。
Launch Image对应图片尺寸











网友评论