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

总结

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


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

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


配置步骤

  • 在项目目录里选择根目录,右侧面板中选择 info 栏,在列表区域内 Key 值中找到 Launch Screen ,没有则右键选择 Add Row 添加一条,选择或者输入 Launch Screen ,Type 设置为 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 ·

赞 (3)
上一篇 2023-04-10 上午10:07
下一篇 2023-04-12 上午10:20

发表回复

登录后才能评论