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