美文网首页iOS开发那点儿事iOS大咖说
iOS启动图 Launch Images Source 和 La

iOS启动图 Launch Images Source 和 La

作者: MonkeyBread | 来源:发表于2016-06-30 12:06 被阅读5115次

iOS启动图有两种设置方式,分别为 Launch Images SourceLaunch 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 ScreenStoryboard 并不能指定 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对应图片尺寸

相关文章

网友评论

  • itclimb:学习了,赞
  • IMKel:写得不错,学习了,Mark一下
  • 7bb125327537:你好,我选择使用 Launch Images Source,并将 Launch Screen File清空,删除了LaunchScreen.storyboard ,也在Launch Images Source添加了正确尺寸的图片,为什么就是不显示启动图呢?
    :cold_sweat:
    7bb125327537:@Bwing 恩,是这样!我已经解决了,好久没看 简书,还是谢谢你:smile:
    Bwing:手机有缓存,你删除应用后重新跑就可以了
  • NSL_zerom:今天也遇到这样的问题,明天去试试

本文标题:iOS启动图 Launch Images Source 和 La

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