SwiftUI 项目快速设置App启动页图像、开屏图

总结

本文介绍的是通过 info.plist 配置 Launch screen,这种方式简单好用但是暂时只适合简单的启动页,能做的功能还非常有限,本文基于 Xcode 14.2 ,如设置导航栏背景、工具栏 NavigationBar toolbar 都不支持,或者是达不到预期效果,如果你的启动页比较复杂,还是建议通过老方法 Launch Screen storyboard 故事板操作。


SwiftUI 项目设置启动页的方式不同于以往,在 Xcode 12iOS 14 之前,都是通过 Storyboard 来配置启动页 Launch screen ,在创建项目时,Xcode 会自动生成一个名为 LaunchScreen.storyboard 的文件,只需编辑此 storyboard 文件就能直接配置启动图。

Xcode 12iOS 14 之后,我们创建时选择的是 SwiftUI 项目时,Xcode 它不会自动生成 LaunchScreen.storyboard 文件,我们可以按下面的步骤来手动为项目配置启动图。


配置步骤

  • 在项目目录里选择根目录,右侧面板中选择 info 栏,在列表区域内 Key 值中找到 Launch Screen ,没有则右键选择 Add Row 添加一条,选择或者输入 Launch ScreenType 设置为 Dictionary
  • Launch Screen 项点击 + 添加条目,类型下方有列举;
  • 添加一个图片或者色块,将它添加到项目的 Assets.xcassets 中;
    • Xcode 左侧项目目录菜单中找到 Assets.xcassets ,选择并把图片拖入子目录中,然后将它重命名
    • Assets.xcassets 面板下方新建一个 Color Set,命名并设置颜色

UILaunchScreen 字典说明

每个 Key 对应一项 UI 属性,可以组合使用。

  1. UIColorName : 背景颜色,用作启动屏幕背景颜色的颜色名称;
    • 需填写 颜色名称的字符串,上述步骤中在 Assets.xcassets 定义好的 Color 名称
  2. UIImageName:图像名称,同上,图像会在启动页居中显示
  3. UIImageRespectsSafeAreaInsets : 布尔值,设置启动图像是否应遵循安全区域规则
  4. UINavigationBar : 在启动页显示一个导航栏 NavigationBar
  5.  UITabBar: 在启动页显示一个标签栏 TabBar
  6.  UIToolbar: 在启动页显示一个工具栏 Toolbar

Info配置位置

SwiftUI 项目快速设置App启动页图像、开屏图
SwiftUI 项目 设置 Launch screen

  本文自 https://www.codeun.com 发布,相应代码均自主编写并严格审阅和测试,完整代码中包含丰富的学习笔记和使用方式、实用技巧。
  · 如若转载,请注明出处:https://www.codeun.com/archives/1046.html ·

(1)
上一篇 2023-04-10 下午2:37
下一篇 2023-04-12 上午10:20

发表回复

登录后才能评论