SwiftUI预览中如何为SwiftData模型加载示例imageData？

要在SwiftUI预览中为SwiftData模型的imageData字段设置示例数据，有几种实用方案，优先推荐本地资源或占位图的方式，避免依赖网络导致预览不稳定。

方案1：使用本地图片资源（推荐） #

这种方式无需网络，预览加载快且稳定，适合作为长期的预览样本。

1. 将一张用于预览的图书封面图片添加到Xcode项目中（比如命名为sample-book-cover.png）
2. 修改BookWithMatchingData的扩展，从本地资源读取图片并转换为Data：

extension BookWithMatchingData {
    static var sample: [BookWithMatchingData] {
        // 适配iOS/macOS平台的图片读取逻辑
        #if os(iOS)
        let sampleImageData = UIImage(named: "sample-book-cover")?.pngData()
        #elseif os(macOS)
        let sampleImageData = NSImage(named: "sample-book-cover")?.tiffRepresentation
        #endif
        
        return [
            BookWithMatchingData(
                isbn13gd: "9781538724736",
                title: "Sample Title",
                author: "Sample Author",
                imageData: sampleImageData
            )
        ]
    }
}

方案2：生成占位图Data（无本地资源时使用） #

如果不想添加本地图片，可以直接生成纯色占位图的Data，满足预览需求：

extension BookWithMatchingData {
    static var sample: [BookWithMatchingData] {
        // 生成灰色占位图的工具函数
        func generatePlaceholderData() -> Data? {
            #if os(iOS)
            let size = CGSize(width: 120, height: 180)
            UIGraphicsBeginImageContext(size)
            UIColor.systemGray5.setFill()
            UIBezierPath(rect: CGRect(origin: .zero, size: size)).fill()
            let image = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return image?.pngData()
            #elseif os(macOS)
            let size = CGSize(width: 120, height: 180)
            let image = NSImage(size: size)
            image.lockFocus()
            NSColor.systemGray5.setFill()
            NSBezierPath(rect: CGRect(origin: .zero, size: size)).fill()
            image.unlockFocus()
            return image.tiffRepresentation
            #endif
        }
        
        return [
            BookWithMatchingData(
                isbn13gd: "9781538724736",
                title: "Sample Title",
                author: "Sample Author",
                imageData: generatePlaceholderData()
            )
        ]
    }
}

方案3：同步加载网络图片（不推荐） #

如果临时需要用网络图片测试，可编写同步加载的方法，但注意预览中同步请求可能卡顿或失败，仅适合临时调试：

// 同步加载图片Data的工具函数
func getSyncImageData(from urlString: String) -> Data? {
    guard let url = URL(string: urlString) else { return nil }
    do {
        return try Data(contentsOf: url)
    } catch {
        print("加载图片失败：\(error)")
        return nil
    }
}

extension BookWithMatchingData {
    static var sample: [BookWithMatchingData] {
        return [
            BookWithMatchingData(
                isbn13gd: "9781538724736",
                title: "Sample Title",
                author: "Sample Author",
                imageData: getSyncImageData(from: "https://your-image-url.com/book-cover.jpg")
            )
        ]
    }
}

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