如何在UIViewControllerRepresentable中处理关联Storyboard的@IBOutlet

你有两种可行方案，可根据你的开发需求选择：

方案1：保留原有Storyboard集成（改动最小，推荐优先选） #

原有绑定了IBOutlet的ViewController不需要重写，只要通过Storyboard实例化即可，不用修改IBOutlet相关代码，适配成本极低。

具体实现步骤： #

• 确保你的ARView ViewController在Main.storyboard中设置了正确的Storyboard ID，比如设为ARViewViewController
• 修改makeUIViewController中的实例化逻辑，不要直接调用构造方法，而是从Storyboard加载，这样所有IBOutlet会自动绑定不会为空
• @ObservedObject是SwiftUI专属的属性包装器，不能用在UIKit的ViewController里，要替换成普通的属性，配合updateUIViewController同步状态或者设置回调

修改后的代码示例：

struct ARViewContainer: UIViewControllerRepresentable {
    @ObservedObject var model: Model
    typealias UIViewControllerType = ARView
    
    func makeUIViewController(context: Context) -> ARView {
        // 从Main.storyboard加载ViewController
        guard let arVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "ARViewViewController") as? ARView else {
            fatalError("无法从Storyboard加载ARView ViewController，请检查Storyboard ID是否正确")
        }
        arVC.model = model
        // 在这里可以设置UIKit组件的回调绑定到SwiftUI的状态
        arVC.addObjectButton.addTarget(context.coordinator, action: #selector(Coordinator.didTapAddButton), for: .touchUpInside)
        return arVC
    }
    
    func updateUIViewController(_ uiViewController: ARView, context: Context) {
        // 当SwiftUI的model变化时，同步更新UIKit组件的状态
        uiViewController.spinner.isAnimating = model.isLoading
        uiViewController.addObjectButton.isEnabled = model.canAddObject
    }
    
    // 用Coordinator处理UIKit的回调事件
    func makeCoordinator() -> Coordinator {
        Coordinator(model: model)
    }
    
    class Coordinator: NSObject {
        var model: Model
        init(model: Model) {
            self.model = model
        }
        
        @objc func didTapAddButton() {
            model.addNewObject()
        }
    }
}

class ARView: UIViewController, ARSCNViewDelegate {
    // UIKit里不要用@ObservedObject，改成普通属性
    var model: Model!
    
    // MARK: IBOutlets 不需要改动，从Storyboard加载时会自动绑定
    @IBOutlet var sceneView: VirtualObjectARView!
    @IBOutlet weak var addObjectButton: UIButton!
    @IBOutlet weak var blurView: UIVisualEffectView!
    @IBOutlet weak var spinner: UIActivityIndicatorView!
    @IBOutlet weak var upperControlsView: UIView!
}

方案2：移除Storyboard，把IBOutlet替换成纯代码实现/ SwiftUI View #

如果后续要完全转向SwiftUI技术栈，没有维护Storyboard的需求，可以把原有UIKit组件改成纯代码创建，或者直接把上层控制按钮等替换成SwiftUI的View，和AR场景层叠加。

适用场景： #

• 需要对界面做大量定制，原有Storyboard布局已经不符合需求
• 项目计划完全移除Storyboard，统一用SwiftUI写界面

改动点： #

• 删除所有IBOutlet，相关UI组件改成纯代码初始化或者用SwiftUI的Button、ProgressView等组件替代
• ARSCNView层可以保留UIKit的封装，上层控制组件直接用SwiftUI实现，通过ZStack叠加在AR容器上层

注意：不要直接调用ARView(model)构造方法创建带IBOutlet的ViewController，这种方式不会触发Storyboard的绑定逻辑，所有IBOutlet会为nil导致崩溃。

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