专栏首页iOSer用launchscreen.storyboard适配启动图方法

用launchscreen.storyboard适配启动图方法

更新

  • 如果UI愿意把启动图切割成n份,按一定约束在launchscreen.storyboard中进行排版,启动图效果会更好。 详见随笔:用launchscreen.storyboard适配启动图方法(二)
  • “使用 Xcode storyboard(故事板) 来提供 app 的启动屏幕”的要求已延期到2020.6.30.

https://developer.apple.com/cn/news/?id=03262020b

背景

wwdc2019有session提出。到2020年4月,上架APP的启动图必须使用launchscreen.storyboard,不能再使用assert方式了。但是session没有给出如何适配。网上也很难找到相关文章。于是,尝试用launchscreen.storyboard试了下启动图适配。结论如下: 对启动图有一定要求(上下需要留有足够空白,以免被截掉); 可以做多语言适配;

https://developer.apple.com/videos/play/wwdc2019/224/

启动图相关设置步骤

适配的关键步骤如下:

  • 去除勾选UseSafeAreaLayout(否则在刘海平手机的非安全区域会有空白,看起来不够好看)
  • 在launchscreen.storyboard的view里拖动一个UIImageView,并用autolayout设置上下左右间距为0
  • 选中UIImageView,设置面板上的Content Mode为Aspect Fill
  • 不同机型上效果如下:

iPhone4:

iPhone8:

iPhoneX:

iPad:

多语言适配(下面为想当然的错误示范+正确操作链接)

  • 通过面板勾选Localization
  • 展开launchscreen.storyboard,针对不同语言的launchscreen.storyboard设置不同的图片。经反馈,是行不通的!!!

正确操作请参考IOS 实现启动图 多语言切换 即使按上面链接方法做了静态国际化,以下两种状况是不会切换的

demo地址

OCDailyTests(工程在testiOS3子文件夹)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 用launchscreen.storyboard适配启动图方法(二)

    之前有写一篇实现方式比较简单的随笔用launchscreen.storyboard适配启动图方法,顺便在评论区提了一下用autolayout适配启动图的思路,现...

    woopDast1
  • 01-项目中常见的文件(LaunchScreen)

    会自动加载LaunchScreen是因为在Target当中,指定了Launch Screen file,

    conanma
  • LaunchScreen.storyboard 启动页设置图片不显示 启动页白屏

    启动页设置方式有两种 一是通过LaunchScreen.storyboard设置 二是通过 Assets.xcassets 增加 iOS Launch Im...

    onety码生
  • iOS设置LaunchScreen.StoryBoard 后启动黑屏

    最近写了个Demo。。。LaunchScreen是白底黑字,然后。。。每次启动都是黑屏, 以前也遇到过,无非就是同时设置了Assets.xcassets和La...

    韦弦zhy
  • SwiftUI-开发iOS项目

    Xcode 11 + macOS 10.15 可以实时预览 SwiftUI 实现的界面,这个预览可以帮助我们快速查看代码对应的效果而不需要运行。

    YungFan
  • 利用XCode Targets创建多scheme的iOS项目

    在我们的开发iOS的时候,通常会遇到一个项目打包成多个环境的问题,也会遇到一套代码打包成多个项目的问题,最常用的做法是写一个配置文件,在打包的时候修改一下配置文...

    Leacode
  • Jexus开机自动启动配置方法

    砸漏
  • Swift开发React Native组件

    前面说过,React Native作为一个全新的跨平台开发框架,好多东西还不是很成熟,很多原生的控件还不是很完善,于是好多爱好者便自己封装相关的组件,可以使用o...

    xiangzhihong
  • 使用 docker 启动 rabbitMQ的方法

    https://www.rabbitmq.com/tutorials/tutorial-one-java.html

    zhangyunfeiVir

扫码关注云+社区

领取腾讯云代金券