如何用SwiftUI视图替代UIImageView作为PKCanvasView的underlayView？

1. 封装SwiftUI视图为UIView子类 #

直接用UIHostingController的view作为underlayView容易出现布局失效问题，我们可以封装一个UIView子类来托管SwiftUI视图，确保布局约束正确：

import UIKit
import SwiftUI

class SwiftUIUnderlayWrapper: UIView {
    private let hostingController: UIHostingController<AnyView>
    
    init<Content: View>(content: Content) {
        self.hostingController = UIHostingController(rootView: AnyView(content))
        super.init(frame: .zero)
        setupHostingView()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupHostingView() {
        addSubview(hostingController.view)
        hostingController.view.translatesAutoresizingMaskIntoConstraints = false
        
        // 约束让SwiftUI视图完全填充wrapper
        NSLayoutConstraint.activate([
            hostingController.view.topAnchor.constraint(equalTo: topAnchor),
            hostingController.view.leadingAnchor.constraint(equalTo: leadingAnchor),
            hostingController.view.trailingAnchor.constraint(equalTo: trailingAnchor),
            hostingController.view.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
        
        // 确保hosting视图尺寸跟随wrapper自动调整
        hostingController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    }
}

2. 替换原项目中的underlayView配置 #

找到原项目里设置UIImageView作为underlayView的代码段，替换为我们的SwiftUI wrapper：

// 原项目的UIImageView设置（示例）
// let imageView = UIImageView(image: backgroundImage)
// imageView.contentMode = .scaleAspectFit
// canvasView.addSubview(imageView)
// canvasView.underlayView = imageView

// 替换为SwiftUI视图
let swiftUIUnderlay = SwiftUIUnderlayWrapper(content: YourTargetSwiftUIView()) // 替换成你的目标SwiftUI视图
swiftUIUnderlay.contentMode = .scaleAspectFit // 和原imageView保持一致的内容适配模式
canvasView.addSubview(swiftUIUnderlay)
canvasView.underlayView = swiftUIUnderlay

3. 同步Canvas的缩放变换 #

原项目中会监听PKCanvasView的transform变化来同步underlayView的缩放，保持原有逻辑即可让SwiftUI wrapper跟随Canvas缩放：

private func updateUnderlayTransform() {
    guard let underlayView = canvasView.underlayView else { return }
    underlayView.transform = canvasView.transform
}

4. 排查不可见问题的额外检查 #

如果SwiftUI视图仍然不显示，检查以下几点：

• 确保你的SwiftUI视图本身有可见内容（比如设置背景色、添加文字/图形）
• 调试时给SwiftUIUnderlayWrapper添加临时背景色，确认它的frame是否正确
• 确认PKCanvasView的层级属性没有遮挡underlayView

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