Adding an App Icon and Launch Screen to SwiftUI | Todo List #7

Summary

在这段视频脚本中，Nick介绍了如何为准备上架App Store的应用程序添加启动屏幕和应用程序图标。他首先解释了启动屏幕的必要性，这是一个在应用程序加载时显示的短暂启动加载屏幕，对于较大的应用程序来说尤其重要。接着，他展示了如何通过创建一个专门的启动屏幕故事板来自定义启动屏幕，而不是使用info.plist文件中的方法，因为后者可能存在一些自定义性不强和稳定性的问题。Nick还演示了如何为应用程序添加图标，这是上架App Store的另一个必备元素。他提供了一个下载链接，供观众下载他为这个待办事项应用程序设计的图标，并解释了如何使用Canva.com和makeappicon.com等在线工具来创建和调整不同尺寸的图标。最后，他回顾了整个课程，强调了MVVM架构的使用，以及在视图中实践安全编码和CRUD功能的重要性。

Takeaways

• 📲 制作应用商店就绪的应用程序需要一个启动屏幕和应用图标，这两者都是提交到应用商店的必要条件。
• 🚀 启动屏幕是应用程序打开时的加载屏幕，对于大型或加载信息多的应用程序，它可能会在启动屏幕上停留更长时间。
• 🛠️ 通过Info.plist文件可以添加启动屏幕，但推荐使用故事板创建自定义的启动屏幕，因为Info.plist方法可能存在一些bug。
• 🎨 故事板是UIKit时代广泛使用的功能，通过它可以创建简单的启动屏幕，包括背景颜色和中心图像。
• 📱 应用图标对于应用程序在应用商店上架是必需的，没有应用图标苹果可能不允许提交到应用商店。
• 🔍 在Xcode中，可以自定义应用的显示名称，但应避免使用特殊字符以防止构建问题。
• 🎨 制作应用图标时，需要在Canva等设计平台上创建最大的尺寸（1024x1024像素），以适应不同设备的要求。
• 🔧 使用在线工具如makeappicon.com可以帮助生成所有所需的图标尺寸，简化了手动调整尺寸的过程。
• 📂 将生成的图标尺寸拖放到Xcode的Assets.xcassets中的App Icon集，确保正确匹配所需的尺寸。
• 🌗 应用程序支持轻、暗模式，并且在iPad和横屏模式下表现良好，这是现代应用开发中的重要考虑因素。
• 📝 在MVVM架构中，通过ViewModel实现了CRUD（创建、读取、更新、删除）操作，保证了代码的安全性和健壮性。
• 🎉 通过添加启动屏幕和应用图标，完成了一个简单但功能完整的应用程序，为上架应用商店做好了准备。

Q & A

在视频中，Nick提到了哪些是将应用发布到App Store所需的元素？

在视频中，Nick提到将应用发布到App Store需要包含一个启动屏幕（launch screen）和一个应用图标（app icon）。

启动屏幕的作用是什么？

启动屏幕是一个应用启动时的加载屏幕，它在用户打开应用和应用加载完成之间显示，可以给用户一个过渡的视觉体验。

为什么在应用加载时可能会看到一个纯白色的屏幕？

在应用加载时看到一个纯白色的屏幕是因为应用正在启动，但加载速度很快，所以这个白色屏幕只是短暂显示。如果应用更大或需要加载的信息更多，这个白色屏幕可能会显示更长时间。

Nick建议如何自定义启动屏幕？

Nick建议通过创建一个专门的启动屏幕故事板（storyboard）来自定义启动屏幕，而不是通过info.plist文件中的Swift UI方式，因为后者可能存在一些自定义性不强和兼容性问题。

在创建启动屏幕故事板时，背景颜色是如何设置的？

在创建启动屏幕故事板时，可以通过选择视图控制器（view controller），然后在右侧的检查器（inspector）中更改背景颜色，使用命名颜色，如Nick在视频中选择的“accent color”。

Nick在视频中提到了哪些步骤来添加应用图标？

Nick提到了以下步骤来添加应用图标：1. 更新应用的显示名称；2. 制作一个符合要求大小的应用图标，通常是1024x1024像素；3. 使用在线工具（如makeappicon.com）生成所有尺寸的应用图标；4. 将这些图标拖放到Xcode中的Assets.xcassets文件夹的App Icon集合中。

为什么在App Store中发布应用需要一个应用图标？

应用图标是用户在设备主屏幕上识别应用的方式，它对于应用的可识别性和品牌识别至关重要。Apple要求所有提交到App Store的应用都必须有一个应用图标。

在设计应用图标时，为什么需要考虑多种尺寸？

设计应用图标时需要考虑多种尺寸是因为不同的设备和屏幕分辨率需要不同大小的图标以确保最佳的显示效果和用户体验。

Nick提到了哪些工具或网站来帮助设计和生成应用图标？

Nick提到了使用Canva.com来设计应用图标，并使用makeappicon.com来生成不同尺寸的应用图标。

在Xcode中，如何将自定义的启动屏幕设置为应用的启动屏幕？

在Xcode中，可以通过项目导航器（project navigator）点击项目名称（通常是蓝色的），然后在General标签页中找到Launch Screen File，点击下拉箭头选择自定义的启动屏幕文件。

MVVM架构中包含哪些主要组件？

MVVM架构中包含三个主要组件：Model（模型），负责数据结构；View（视图），负责展示数据；ViewModel（视图模型），作为Model和View之间的桥梁，负责数据的业务逻辑和状态管理。

在视频中，Nick提到了哪些CRUD功能？

在视频中，Nick提到了在ViewModel中实现了CRUD功能，即创建（Create）、读取（Read）、更新（Update）和删除（Delete）功能。