SwiftUI中如何将CGImage?转换为可在视图展示的Image（Apple Watch端）

一、现有EFQRCode生成的CGImage适配Watch展示的方法 #

从你打印的CGImage信息来看，返回的图像为600*600分辨率、sRGB色彩空间、32位带alpha通道的格式，完全符合watchOS图像渲染要求，不需要做像素格式、色彩空间的额外转换，直接解包后包装为对应框架支持的图像类型即可展示：

1. 首先解包可选类型的CGImage：

guard let qrCGImage = EFQRCode.generate(for: "test") else {
    // 处理二维码生成失败的分支逻辑
    return
}

2. 根据你使用的UI框架选择对应展示方式：

• 若使用WatchKit的WKInterfaceImage组件：

// 包装为UIImage
let qrUIImage = UIImage(cgImage: qrCGImage)
// 赋值给IBOutlet关联的WKInterfaceImage实例
qrInterfaceImage.setImage(qrUIImage)

• 若使用SwiftUI的Image视图：

// 按手表屏幕实际缩放比设置scale参数，Apple Watch屏幕scale通常为2或3
let qrSwiftUIImage = Image(decorative: qrCGImage, scale: 2.0)
// 直接在SwiftUI视图布局中使用即可

二、watchOS端生成二维码的原生替代方案 #

如果不想依赖第三方库，可以直接使用系统自带的CoreImage框架实现二维码生成，全版本watchOS兼容，稳定性更高，实现代码如下：

import CoreImage

func generateQRCode(content: String, targetSize: CGFloat = 600, correctionLevel: String = "M") -> UIImage? {
    // 初始化系统自带二维码生成滤镜
    guard let qrFilter = CIFilter(name: "CIQRCodeGenerator") else { return nil }
    qrFilter.setDefaults()
    // 设置纠错等级：L/M/Q/H 容错率依次升高，H级别最高可支持30%面积遮挡仍可识别
    qrFilter.setValue(correctionLevel, forKey: "inputCorrectionLevel")
    // 传入待编码的文本数据
    guard let contentData = content.data(using: .utf8) else { return nil }
    qrFilter.setValue(contentData, forKey: "inputMessage")
    
    // 原生滤镜输出的二维码尺寸较小，需要缩放至目标尺寸避免模糊
    guard let rawOutput = qrFilter.outputImage else { return nil }
    let scaleFactor = targetSize / rawOutput.extent.width
    let scaledOutput = rawOutput.transformed(by: .init(scaleX: scaleFactor, y: scaleFactor))
    
    // 转换为可直接展示的UIImage
    let ciContext = CIContext()
    guard let cgImage = ciContext.createCGImage(scaledOutput, from: scaledOutput.extent) else { return nil }
    return UIImage(cgImage: cgImage)
}

该原生方案的优势：

• 无第三方依赖，减少安装包体积
• 由系统维护API兼容性，不会出现第三方库适配新系统版本的兼容问题
• 常规长度文本生成耗时在毫秒级，性能和第三方库无明显差异

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