如何从Xcode Canvas的SwiftUI Live Preview中导出图片？

首先明确：SwiftUI Live Preview底层确实运行在独立的模拟器实例上，和常规模拟器没有本质差异，完全可以通过现有工具实现截图导出，以下是几种实测可用的方法：

方法1：Xcode隐藏快捷键（最简单，无需额外操作） #

• 确保Canvas中的Live Preview已经完全加载完成，点击预览画布使其处于选中状态
• 直接按下快捷键 ⌘+S，对应预览的PNG截图会自动保存到系统桌面

注：该功能在Xcode 14及以上版本均支持，一次仅导出当前选中的单张预览画布内容

方法2：通过simctl命令行导出（适合自动化场景） #

• 保持Live Preview处于运行状态，打开终端执行命令：xcrun simctl list devices | grep "Xcode Previews"
• 从返回结果中复制处于(Booted)状态的预览模拟器UUID
• 执行截图命令，将UUID替换到对应位置，自定义保存路径即可：

xcrun simctl io 替换为预览模拟器UUID screenshot ~/Desktop/preview_export.png

• 如果需要导出特定分辨率的截图，可以在命令后添加参数--scale 3来调整输出倍率

方法3：内置ImageRenderer导出（适合批量生成App Store截图） #

如果需要批量导出多尺寸、多语言的App Store截图，可以直接在预览代码中添加导出逻辑，不需要依赖模拟器功能：

注：该API仅支持iOS 16+/macOS 13+及以上系统版本

import SwiftUI

struct MyAppHomeView_Previews: PreviewProvider {
    static var previews: some View {
        // 你需要截图的目标视图，可自由指定previewDevice参数适配不同设备尺寸
        MyAppHomeView()
            .previewDevice("iPhone 14 Pro")
            .onAppear {
                let renderSize = CGSize(width: 393, height: 852)
                let renderer = ImageRenderer(content: MyAppHomeView().frame(width: renderSize.width, height: renderSize.height))
                // 调整为3倍分辨率适配App Store要求
                renderer.scale = 3
                guard let imageData = renderer.pngData() else { return }
                try? imageData.write(to: URL(filePath: "/Users/你的用户名/Desktop/iPhone14Pro_screenshot.png"))
            }
    }
}

只需修改设备参数、导出路径即可批量生成符合要求的截图，不用手动逐个操作。

关于读取渲染缓存的说明 #

Xcode的预览渲染缓存存储在~/Library/Developer/Xcode/DerivedData/你的项目名/Previews/路径下，但缓存为加密分片格式，还原为完整PNG的技术成本很高，远不如上述方法便捷，不推荐尝试。

内容的提问来源于stack exchange，提问作者tadija