前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用launchscreen.storyboard适配启动图方法

用launchscreen.storyboard适配启动图方法

作者头像
woopDast1
发布2020-09-04 10:48:42
2.5K0
发布2020-09-04 10:48:42
举报
文章被收录于专栏:iOSeriOSer

更新

  • 如果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子文件夹)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-10-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 更新
  • 背景
  • 启动图相关设置步骤
  • 多语言适配(下面为想当然的错误示范+正确操作链接)
  • demo地址
相关产品与服务
腾讯云小微
腾讯云小微,是一套腾讯云的智能服务系统,也是一个智能服务开放平台,接入小微的硬件可以快速具备听觉和视觉感知能力,帮助智能硬件厂商实现语音人机互动和音视频服务能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档