跟着视频学编程：使用 Swift 并发机制提升 App 性能

跟着视频学编程：使用 Swift 并发机制提升 App 性能

通过更新一个现有的示例 App，我们将向你介绍如何通过 Swift 并发机制来优化 App 的用户体验。我们将从一个主 Actor App 入手，然后根据需要逐步引入异步代码。我们将使用任务来优化主 Actor 上运行的代码，并探索如何通过将工作转移到后台来实现代码并行运行。我们将探讨数据争用安全机制提供的功能，并讲解如何解读和修复数据争用安全错误。最后，我们将展示如何在 App 情境中充分利用结构化并发机制。

章节
- 0:00 - 简介
- 2:11 - Approachable Concurrency 配置
- 2:51 - 示例 App 架构
- 3:42 - 从图库异步载入照片
- 9:03 - 从照片提取贴纸和颜色
- 12:30 - 在后台线程上运行任务
- 15:58 - 并行执行任务
- 18:44 - 利用 Swift 6 防止数据争用
- 27:56 - 利用结构化并发机制控制异步代码
- 31:36 - 总结
资源
相关视频

WWDC25
- 探索 SwiftUI 中的并发机制
- 采用 Swift 并发
WWDC23
- 使用 Instruments 分析挂起
- 超越结构化并发的基础
大家好！我是 Sima 从事 Swift 和 SwiftUI 的开发工作在这个视频中你将学习如何通过 Swift 并发提升 App 性能作为 App 开发者我们编写的大部分代码都运行在主线程上
单线程代码易于理解和维护但现代 App 往往需要执行耗时任务比如网络请求或复杂计算这时将工作移出主线程以保持 App 响应就显得尤为重要 Swift 为你提供了编写可靠并发代码的全套工具在本讲座中我将与你一起构建 App 演示具体实现方式我们将从一个单线程 App 开始根据需要逐步引入异步代码然后通过将耗时任务转移到后台并行执行来优化 App 性能接下来我们会探讨几种你可能遇到的常见的数据争用安全场景及应对方案最后我将介绍结构化并发并演示如何使用 TaskGroup 等工具更好地控制并发代码现在就开始吧！我非常喜欢写日记并用贴纸装饰日记内容因此我将带大家开发一个能将任意照片组合成贴纸包的 App 我们的 App 主要包含两个视图第一个视图将展示所有贴纸的轮播效果每个贴纸都会带有基于原照片颜色的渐变背景第二个视图则以网格形式预览整个贴纸包支持直接导出欢迎下载下面的示例 App 来跟着一起操作！创建项目时 Xcode 启用了多项功能来降低并发编程的入门门槛包括默认主 Actor 模式和一些即将推出的功能这些功能在 Xcode 26 的新 App 项目中会默认开启
在渐进式并发配置下 Swift 6 语言模式会在你准备好之前无需引入并发代码即可保障数据争用安全如果你想在现有项目中启用这些功能可以参考 Swift 迁移指南
代码层面 App 主要包含两个视图： StickerCarousel 和 StickerGrid 这些视图会使用 PhotoProcessor 结构体负责提取的贴纸数据
PhotoProcessor 会先从照片库获取原始图像随后生成贴纸
StickerGrid 视图包含一个 ShareLink 用于分享贴纸包
PhotoProcessor 类型执行了两项耗时操作：贴纸提取和主色调计算我们来看看 Swift 并发功能如何帮助我们在保证流畅用户体验的同时高效执行这些耗时任务！现在我们从 StickerCarousel 视图开始这个视图通过水平滚动视图展示贴纸滚动视图内部使用 ForEach 遍历视图模型中存储的从照片库选中的照片数组它会检查 viewModel 中的 processedPhotos 字典以获取与照片库选中项对应的已处理照片当前我们没有任何经过处理的照片因为我们还没有编写从照片选择器获取图像的实际代码如果我现在运行这个 App 我们在滚动视图中看到的只有 StickerPlaceholder 视图我会通过按住 Command 同时点按跳转到 StickerViewModel StickerViewModel 存储了当前从照片库中选中的照片数组这些照片以 SelectedPhoto 类型表示我会按住 Option 并点按打开 “快速帮助”来进一步了解这种类型
SelectedPhoto 属于 Identifiable 类型它存储了 PhotosUI 框架的 PhotosPickerItem 及关联的 ID 这个模型还包含一个名为 processedPhotos 的字典它将已选照片的 ID 映射到对应的 SwiftUI Image 视图我已经开始编写 loadPhoto 函数来处理选中的照片但目前它尚未从存储的照片选择器项加载任何数据 PhotosPickerItem 遵循 SDK 中的 Transferable 协议这个协议允许我使用异步 loadTransferable 函数加载所需的表示形式我将请求 Data 表示形式
现在我们遇到了一个编译错误
这是因为 loadTransferable 是一个异步调用而当前 loadPhoto 函数并未设置为支持异步操作于是 Swift 建议我用 async 关键字标记 loadPhoto 我决定采纳这个建议
现在我们的函数能够处理异步代码了但这里还有一个错误虽然 loadPhoto 可以处理异步调用但仍需明确指定它需要等待哪个操作为此我需要在调用 loadTransferable 时添加 await 关键字我将采纳这个修复建议
我将在 StickerCarousel 视图中调用这个函数通过 Command-Shift-O 我可以使用 Xcode 的“快速打开”功能跳转回 StickerCarousel 视图
我计划在 StickerPlaceholder 视图出现时调用 loadPhoto 函数由于这是一个异步函数我会使用 SwiftUI 的 task 修饰符在视图出现时启动照片处理任务
让我们在设备上测试一下！
很好它正常运行了我试着选几张照片来验证一下
太好了！照片成功从照片库加载通过 task 修饰符 App 在后台加载图片数据时 App 用户界面依然保持流畅响应此外由于我使用 LazyHStack 来展示图片系统只会为屏幕上需要渲染的视图触发照片加载任务这样 App 就避免了不必要的性能开销现在我们聊聊 async/await 如何提升 App 响应能力
我们在调用 loadTransferable 方法时添加了 await 关键字并将 loadPhoto 函数标记为 async 这个 await 关键字标识了一个可能的暂停点这意味着 loadPhoto 函数最初在主线程启动当执行到 await 处的 loadTransferable 调用时函数会暂停执行等待 loadTransferable 完成在 loadPhoto 暂停期间 Transferable 框架会在后台线程执行 loadTransferable 任务当 loadTransferable 完成后 loadPhoto 会重新在主线程恢复执行并更新图片当 loadPhoto 暂停时主线程可以继续处理 UI 事件和其他任务 await 关键字标识了一个代码位置：在函数暂停期间允许执行其他工作就这样我们完成了从照片库加载图片的功能！在这一过程中我们已经理解了异步代码的含义及编写思路现在让我们为 App 添加代码以从照片中提取贴纸获取照片主色调用于轮播视图的背景渐变
按住 Command 键同时点按跳转回 loadPhoto 方法准备添加这些特效处理
项目中已内置 PhotoProcessor 组件它能接收 Data 数据提取颜色和贴纸最终返回处理后的照片对象我不会直接根据数据生成基础图像而是改用 PhotoProcessor 来处理
由于 PhotoProcessor 返回的是处理后的照片我需要更新字典类型
这个 ProcessedPhoto 类型将提供从原图提取的贴纸以及用于构建渐变背景的颜色数组
我已在项目中添加 GradientSticker 视图来接收 processedPhoto 我现在通过“快速打开”来找到它
这个视图通过 ZStack 将处理后的照片中的贴纸叠加在线性渐变背景上显示
现在我要把这个 GradientSticker 添加到轮播视图中
当前 StickerCarousel 只是简单调整照片尺寸但既然已经有了处理后的照片我们可以转而使用 GradientSticker
让我们构建并运行 App 来看看我们的贴纸！
成功了！
哦不！在提取贴纸的过程中轮播视图的滚动不太流畅
我怀疑图像处理的开销太大了我已使用 Instruments 对 App 进行分析验证确认了这一点追踪数据显示 App 出现了严重卡顿
放大检查最耗时的堆栈轨迹时可以清楚地看到照片处理器正在主线程执行耗时超过 10 秒的繁重处理任务！若想深入了解如何分析 App 卡顿问题请观看我们的讲座 “使用 Instruments 分析挂起” 现在让我们详细讨论一下 App 在主线程上的工作负载问题
loadTransferable 的实现已通过将任务转移到后台线程避免了加载工作阻塞主线程
但我们新增的图像处理代码仍在主线程运行这些耗时操作会完全阻塞主线程导致滚动手势等 UI 交互无法及时响应严重影响用户体验
之前我们采用的 SDK 异步 API 已自动实现了任务分流处理现在我们需要通过并行执行代码来解决卡顿问题可以将部分图像转换操作移至后台图像转换包含这三个操作步骤获取原始图像和更新图像需要与用户界面交互因此这部分工作无法移至后台进行但我们可以将图像处理任务转移到后台执行这样既能保证繁重的图像处理工作顺利进行又能让主线程及时响应其他事件让我们来看看 PhotoProcessor 结构体的实现方案！
由于我的 App 默认处于主 Actor 模式 PhotoProcessor 被标记为 @MainActor 这意味着所有方法都必须在主线程执行 process 方法会调用 extract sticker 和 extract colors 方法因此我需要将这个类型的所有方法标记为可在非主 Actor 执行为此我可以用 nonisolated 标记整个 PhotoProcessor 类型这是 Swift 6.1 中引入的一项新功能当类型被标记为 nonisolated 时它所有的属性和方法都会自动获得非隔离状态
现在 PhotoProcessor 已解除与 MainActor 的绑定我们可以为 process 函数添加新的 @concurrent 属性并标记为 async 这将告知 Swift 在调用这个方法时始终切换到后台线程执行我将通过“快速打开” 返回 PhotoProcessor
首先我会在类型上应用 nonisolated 来解除 PhotoProcessor 与主 Actor 的绑定使它的方法能够被并发代码调用
现在 PhotoProcessor 已解除隔离为确保 process 方法能在后台线程调用我将添加 @concurrent 和 async
现在我将通过“快速打开” 跳转回 StickerViewModel
在 loadPhoto 方法中 Swift 建议我通过使用 await 关键字调用 process 方法来让代码脱离主线程运行我将直接采纳这个建议
我们来构建并运行 App 看看将这些工作移出主 Actor 是否解决了卡顿问题！
看起来滚动时不再卡顿了！
不过虽然现在 UI 可以流畅交互但在滚动过程中图像仍需要较长时间才能显示出来保持 App 的响应速度只是提升用户体验的一个方面即使我们将工作移出主线程但如果用户需要等待很久才能看到结果这种体验依然会让人沮丧
我们确实把图像处理操作转移到了后台线程但整个处理过程仍然耗时过长让我们看看如何通过并发优化来加速这个操作图像处理需要完成贴纸提取和主色识别两个任务但这两个操作彼此独立因此我们可以使用 async let 让它们并行执行这样管理所有后台线程的并发线程池就会立即将这两个任务调度到不同的后台线程上运行从而充分利用手机的多核处理能力
要采用 async let 可按住 Command 同时点按进入 process 方法
按住 Control + Shift 和向下箭头键启用多行光标在 sticker 和 colors 变量前添加 async 修饰符
现在我们已经让这两个调用并行执行接下来需要等待它们的结果才能继续执行 process 函数我们用 Editor 菜单来修复这些问题
不过还有一个错误需要解决这次是关于数据争用的！先来了解一下这个错误
这个错误意味着 PhotoProcessor 类型无法安全地在并发任务间共享要理解原因我们需要查看它的存储属性 PhotoProcessor 唯一持有的属性是一个用于从照片提取颜色的 ColorExtractor 实例 ColorExtractor 类用于计算图像中的主色调这种计算基于包括像素缓冲区在内的底层可变的图像数据进行处理因此这个颜色提取器类型不支持并发访问
当前所有颜色提取操作都共享同一个 ColorExtractor 实例这会导致对同一块内存的并发访问
即所谓的“数据争用” 这种情况可能引发运行时错误如崩溃或不可预测的行为 Swift 6 语言模式会在编译阶段就识别这些问题从根本上消除并行代码中的这类错误将原本难以追踪的运行时错误转化为可即时修复的编译错误若点击错误信息中的“帮助”按钮你可在 Swift 网站上查看这个错误的详细说明解决数据争用问题时有多种方案可以考虑具体选择取决于代码对共享数据的使用方式首先需明确这些可变状态是否需要在并发代码间共享？多数情况下你完全可以避免共享但在某些情况下状态需要由这类代码共享如果是这样请考虑将需要共享的部分提取为可安全传递的值类型仅当这些方案均不适用时再考虑将状态隔离至某个 Actor 如 MainActor 让我们看看第一种方案是否适用于当前场景！虽然可以重构这个类型让它以不同的方式处理多个并发操作但我们可以将颜色提取器改为 extractColors 函数中的局部变量这样每张照片的处理都会拥有独立的提取器实例这一修改是正确的因为颜色提取器本身设计为单次仅处理一张照片因此我们想为每个色彩提取任务创建独立实例修改后 extractColors 函数外部无法访问颜色提取器从而避免了数据争用问题！
具体方式是将颜色提取器属性移至 extractColors 函数内
太棒了！在编译器的帮助下我们成功检测并修复了 App 中的数据争用问题现在运行程序试试吧！
能明显感觉到 App 运行变快了！
如果在 Instruments 中收集性能跟踪并打开分析会发现卡顿现象已经消失现在让我们快速回顾通过 Swift 并发实现的优化！通过采用 @concurrent 属性我们成功将图像处理代码移出主线程同时使用 async let 实现了贴纸生成与色彩提取的并行操作大幅提升了 App 性能基于 Swift 并发的优化应当始终以分析工具如 Time Profiler 的数据为依据如果能在不引入并发的情况下提升代码效率就应该优先采用现在 App 的运行体验流畅无比！让我们暂时放下图像处理来点有趣的！
现在要为处理好的贴纸添加视觉特效让贴纸在滚动离开时逐渐淡出并模糊这就切换到 Xcode 开始编码吧！
我将通过 Xcode 项目导航器回到 StickerCarousel
现在我要用 visualEffect 修饰器为滚动视图中的每张图片添加特效
这里需要对视图应用三种效果我想更改滚动视图中最后一张贴纸的偏移量、模糊度和不透明度因此需要访问 viewModel 的 selection 属性来判断当前是否处于最后一张贴纸
似乎出现了编译错误因为我试图从 visualEffect 闭包中访问被主 Actor 保护的视图状态由于视觉特效的计算开销较大 SwiftUI 会将它移出主线程以确保 App 性能达到最佳
如果想深入了解这个机制可以观看我们的讲座 “探索 SwiftUI 中的并发机制” 其实这个错误正是在提醒我：这个闭包稍后会在后台线程执行按住 Command 键同时点按来查看 visualEffect 的定义以确认这一点
在定义中这个闭包被标记为 @Sendable 这正是 SwiftUI 表明这个闭包将在后台执行的明确信号
每当 selection 发生变化时 SwiftUI 都会重新调用特效闭包因此我们可以通过闭包捕获列表为它创建副本
这样当 SwiftUI 调用这个闭包时操作的就是 selection 的副本值从而彻底避免数据争用
现在来看看我们的视觉效果吧！
效果非常出色！可以看到在滚动时前一张图片会逐渐模糊淡出
我们遇到的这两个数据争用案例解决方案都是避免在并发代码中共享可变数据关键区别在于第一个案例是我主动并行执行代码时引入的数据争用第二个案例是使用 SwiftUI API 时系统自动将任务分流到后台线程所致
若必须共享可变状态还有其他保护机制 Sendable 值类型能防止这个类型被并发代码共享比如当 extractSticker 和 extractColors 方法并行处理同一图片数据时由于 Data 是 Sendable 值类型完全不会引发数据争用 Data 类型还实现了写时复制机制因此仅在数据被修改时才会拷贝如果无法使用值类型可以考虑将状态隔离到主 Actor 幸运的是默认的主 Actor 模式已经为你实现了这种隔离例如虽然我们的模型是类但仍可从并发任务访问它由于模型已隐式标记为 MainActor 从并发代码中引用是安全的代码需要切换到主 Actor 才能访问状态在这个例子中虽然类受主 Actor 的保护但这一原则同样适用于代码中可能存在的其他 Actor 目前 App 效果看起来不错！但还不够完善
为了能够导出贴纸我们需要添加一个贴纸网格视图它会为每张尚未处理的照片启动处理任务并一次性显示所有贴纸同时还将添加一个分享按钮支持将这些贴纸导出让我们回到代码部分！
首先按住 Command 同时点按跳转到 StickerViewModel
我打算给模型添加一个新方法 processAllPhotos()
这个方法需要遍历模型中已保存的所有已处理照片如果还有未处理的照片就启动多个并行任务来同时处理它们
之前我们使用过 async let 但那仅限于我们知道只有贴纸提取和颜色提取这两个任务的情况现在我们需要为数组中的所有原始照片创建新任务而这些处理任务的数量可能是任意的
像 TaskGroup 这样的 API 能让你更精细地控制 App 需要执行的异步任务
任务组提供了对子任务及结果的细粒度管理能力它可以启动任意数量的并行子任务
每个子任务的完成时间可能各不相同因此它们的完成顺序也是不确定的在我们的场景中处理完成的照片会被存入字典所以顺序无关紧要
由于 TaskGroup 遵循 AsyncSequence 协议我们可以遍历已完成的任务结果并将它们存入字典最后我们可以通过 await 等待整个任务组完成所有子任务现在让我们回到代码开始改造任务组！首先我需要声明一个任务组
在这个闭包中我持有对任务组的引用可随时向任务组添加图像处理任务接下来我将遍历模型中存储的选中照片
若某张照片已完成处理则无需再创建任务
否则就启动一个新任务来加载数据并处理照片
由于任务组是异步序列我可以遍历它将处理好的照片存入 processedPhotos 字典
搞定！现在可以准备在 StickerGrid 中展示贴纸了
我将通过“快速打开” 跳转到 StickerGrid
这里有一个状态属性 finishedLoading 用于标记所有照片是否已完成处理
若处理未完成界面会显示进度条现在我要调用刚实现的 processAllPhotos() 方法
待所有照片处理完成后更新状态变量最后我还会在工具栏添加分享链接来分享贴纸！
分享链接项会为每张选中照片生成对应的贴图
让我们运行 App 吧！
我会轻点“StickerGrid”按钮得益于 TaskGroup 预览网格能立即开始并行处理所有照片当处理完成后所有贴纸都会瞬间呈现！最后通过工具栏的“分享”按钮我可以将所有贴纸导出为可保存的文件
在我们的 App 中贴纸会按处理完成的顺序收集当然你也可以自行跟踪顺序任务组的功能远不止于此更多详情请观看讲座 “超越结构化并发的基础”
恭喜！ App 大功告成可以尽情保存贴纸啦！我们为 App 新增了多项功能这些更新在 UI 上有着显著体现为了提升响应速度与运行性能我们充分运用了并发技术还了解了结构化并发机制以及如何避免数据争用问题
如果你没有跟着一起编写代码仍然可以下载最终版 App 用你自己的照片制作专属贴纸！要熟练掌握本次分享中提到的 Swift 并发新特性与技巧可以尝试进一步优化和调整这个 App 最后不妨将这些技术应用到你自己的 App 中切记先进行性能分析！若想更深入理解 Swift 并发模型的概念推荐观看我们的讲座 “采用 Swift 并发” 如需将现有项目迁移至这套易用的新的并发系统请参考“Swift 迁移指南”！最开心的是现在可以为笔记本贴上专属贴纸啦！感谢观看！

6:29 - Asynchronously loading the selected photo from the photo library

func loadPhoto(_ item: SelectedPhoto) async {
    var data: Data? = try? await item.loadTransferable(type: Data.self)

    if let cachedData = getCachedData(for: item.id) { data = cachedData }

    guard let data else { return }
    processedPhotos[item.id] = Image(data: data)

    cacheData(item.id, data)
}

6:59 - Calling an asynchronous function when the SwiftUI View appears

StickerPlaceholder()
    .task {
        await viewModel.loadPhoto(selectedPhoto)
    }

9:45 - Synchronously extracting the sticker and the colors from a photo

func loadPhoto(_ item: SelectedPhoto) async {
    var data: Data? = try? await item.loadTransferable(type: Data.self)

    if let cachedData = getCachedData(for: item.id) { data = cachedData }

    guard let data else { return }
    processedPhotos[item.id] = PhotoProcessor().process(data: data)

    cacheData(item.id, data)
}

9:56 - Storing the processed photo in the dictionary
```
var processedPhotos = [SelectedPhoto.ID: ProcessedPhoto]()
```

10:45 - Displaying the sticker with a gradient background in the carousel

import SwiftUI
import PhotosUI

struct StickerCarousel: View {
    @State var viewModel: StickerViewModel
    @State private var sheetPresented: Bool = false

    var body: some View {
        ScrollView(.horizontal) {
            LazyHStack(spacing: 16) {
                ForEach(viewModel.selection) { selectedPhoto in
                    VStack {
                        if let processedPhoto = viewModel.processedPhotos[selectedPhoto.id] {
                            GradientSticker(processedPhoto: processedPhoto)
                        } else if viewModel.invalidPhotos.contains(selectedPhoto.id) {
                            InvalidStickerPlaceholder()
                        } else {
                            StickerPlaceholder()
                                .task {
                                    await viewModel.loadPhoto(selectedPhoto)
                                }
                        }
                    }
                    .containerRelativeFrame(.horizontal)
                }
            }
        }
        .configureCarousel(
            viewModel,
            sheetPresented: $sheetPresented
        )
        .sheet(isPresented: $sheetPresented) {
            StickerGrid(viewModel: viewModel)
        }
    }
}

14:13 - Allowing photo processing to run on the background thread

nonisolated struct PhotoProcessor {
 
    let colorExtractor = ColorExtractor()

    @concurrent
    func process(data: Data) async -> ProcessedPhoto? {
        let sticker = extractSticker(from: data)
        let colors = extractColors(from: data)

        guard let sticker = sticker, let colors = colors else { return nil }

        return ProcessedPhoto(sticker: sticker, colorScheme: colors)
    }

    private func extractColors(from data: Data) -> PhotoColorScheme? {
        // ...
    }

    private func extractSticker(from data: Data) -> Image? {
        // ...
    }
}

15:31 - Running the photo processing operations off the main thread

func loadPhoto(_ item: SelectedPhoto) async {
    var data: Data? = try? await item.loadTransferable(type: Data.self)

    if let cachedData = getCachedData(for: item.id) { data = cachedData }

    guard let data else { return }
    processedPhotos[item.id] = await PhotoProcessor().process(data: data)

    cacheData(item.id, data)
}

20:55 - Running sticker and color extraction in parallel.

nonisolated struct PhotoProcessor {

    @concurrent
    func process(data: Data) async -> ProcessedPhoto? {
        async let sticker = extractSticker(from: data)
        async let colors = extractColors(from: data)

        guard let sticker = await sticker, let colors = await colors else { return nil }

        return ProcessedPhoto(sticker: sticker, colorScheme: colors)
    }

    private func extractColors(from data: Data) -> PhotoColorScheme? {
        let colorExtractor = ColorExtractor()
        return colorExtractor.extractColors(from: data)
    }

    private func extractSticker(from data: Data) -> Image? {
        // ...
    }
}

24:20 - Applying the visual effect on each sticker in the carousel

import SwiftUI
import PhotosUI

struct StickerCarousel: View {
    @State var viewModel: StickerViewModel
    @State private var sheetPresented: Bool = false

    var body: some View {
        ScrollView(.horizontal) {
            LazyHStack(spacing: 16) {
                ForEach(viewModel.selection) { selectedPhoto in
                    VStack {
                        if let processedPhoto = viewModel.processedPhotos[selectedPhoto.id] {
                            GradientSticker(processedPhoto: processedPhoto)
                        } else if viewModel.invalidPhotos.contains(selectedPhoto.id) {
                            InvalidStickerPlaceholder()
                        } else {
                            StickerPlaceholder()
                                .task {
                                    await viewModel.loadPhoto(selectedPhoto)
                                }
                        }
                    }
                    .containerRelativeFrame(.horizontal)
                    .visualEffect { [selection = viewModel.selection] content, proxy in
                        let frame = proxy.frame(in: .scrollView(axis: .horizontal))
                        let distance = min(0, frame.minX)
                        let isLast = selectedPhoto.id == selection.last?.id
                        
                        return content
                            .hueRotation(.degrees(frame.origin.x / 10))
                            .scaleEffect(1 + distance / 700)
                            .offset(x: isLast ? 0 : -distance / 1.25)
                            .brightness(-distance / 400)
                            .blur(radius: isLast ? 0 : -distance / 50)
                            .opacity(isLast ? 1.0 : min(1.0, 1.0 - (-distance / 400)))
                    }
                }
            }
        }
        .configureCarousel(
            viewModel,
            sheetPresented: $sheetPresented
        )
        .sheet(isPresented: $sheetPresented) {
            StickerGrid(viewModel: viewModel)
        }
    }
}

26:15 - Accessing a reference type from a concurrent task

Task { @concurrent in
    await viewModel.loadPhoto(selectedPhoto)      
}

29:00 - Processing all photos at once with a task group

func processAllPhotos() async {
    await withTaskGroup { group in
        for item in selection {
            guard processedPhotos[item.id] == nil else { continue }
            group.addTask {
                let data = await self.getData(for: item)
                let photo = await PhotoProcessor().process(data: data)
                return photo.map { ProcessedPhotoResult(id: item.id, processedPhoto: $0) }
            }
        }

        for await result in group {
            if let result {
                processedPhotos[result.id] = result.processedPhoto
            }
        }
    }
}

30:00 - Kicking off photo processing and configuring the share link in a sticker grid view.

import SwiftUI

struct StickerGrid: View {
    let viewModel: StickerViewModel
    @State private var finishedLoading: Bool = false

    var body: some View {
        NavigationStack {
            VStack {
                if finishedLoading {
                    GridContent(viewModel: viewModel)
                } else {
                    ProgressView()
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .padding()
                }
            }
            .task {
                await viewModel.processAllPhotos()
                finishedLoading = true
            }
            .toolbar {
                ToolbarItem(placement: .topBarTrailing) {
                    if finishedLoading {
                        ShareLink("Share", items: viewModel.selection.compactMap {
                            viewModel.processedPhotos[$0.id]?.sticker
                        }) { sticker in
                            SharePreview(
                                "Sticker Preview",
                                image: sticker,
                                icon: Image(systemName: "photo")
                            )
                        }
                    }
                }
            }
            .configureStickerGrid()
        }
    }
}

章节

资源

相关视频

WWDC25

WWDC23