能否在RealityKit中将SwiftUI视图锚定到办公室墙面？

你可以通过RealityKit的UIViewComponent将SwiftUI内容嵌入AR场景，并锚定到垂直墙面。你的示例代码中SwiftUIViewEntity并非RealityKit原生类型，下面是修正后的可行实现方案：

基础实现方案（兼容iOS 14+） #

import RealityKit
import SwiftUI
import UIKit

// 定义你的SwiftUI小组件
struct OfficeWidget: View {
    var body: some View {
        VStack(spacing: 16) {
            Text("办公室看板")
                .font(.title)
                .bold()
            Text("今日待办：3项")
                .font(.subheadline)
        }
        .padding()
        .background(Color.white.opacity(0.95))
        .cornerRadius(12)
        .shadow(color: .black.opacity(0.2), radius: 8, x: 0, y: 4)
    }
}

// 在AR视图控制器中实现挂载逻辑
func setupWallWidget(in view: ARView) {
    // 1. 创建墙面锚点：指定垂直平面+墙面分类，提升识别精度
    let wallAnchor = AnchorEntity(plane: .vertical, 
                                 classification: .wall, 
                                 minimumBounds: [0.3, 0.2])
    view.scene.anchors.append(wallAnchor)
    
    // 2. 将SwiftUI视图包装为UIView
    let widgetUIView = UIHostingController(rootView: OfficeWidget()).view!
    widgetUIView.frame = CGRect(x: 0, y: 0, width: 300, height: 200)
    
    // 3. 创建承载SwiftUI的实体：生成透明平面作为载体
    let widgetEntity = Entity()
    widgetEntity.components.set(ModelComponent(
        mesh: .generatePlane(width: 0.3, height: 0.2), // 对应UIView尺寸（米为单位）
        materials: [UnlitMaterial(color: .clear)]
    ))
    widgetEntity.components.set(UIViewComponent(view: widgetUIView))
    
    // 4. 将实体添加到墙面锚点
    wallAnchor.addChild(widgetEntity)
}

iOS 16+ 简化方案（用RealityView） #

如果你的项目基于iOS 16及以上，可直接在SwiftUI中通过RealityView集成：

import SwiftUI
import RealityKit

struct ARWallWidgetScreen: View {
    var body: some View {
        RealityView { content in
            // 创建墙面锚点
            let wallAnchor = AnchorEntity(plane: .vertical, classification: .wall)
            content.add(wallAnchor)
            
            // 包装并添加SwiftUI小组件
            let widget = OfficeWidget()
            let widgetView = UIHostingController(rootView: widget).view!
            let widgetEntity = Entity()
            
            widgetEntity.components.set(UIViewComponent(view: widgetView))
            widgetEntity.scale = [0.001, 0.001, 0.001] // 适配AR空间缩放
            wallAnchor.addChild(widgetEntity)
        }
    }
}

// 复用之前定义的OfficeWidget
struct OfficeWidget: View {
    var body: some View {
        // ... 同前
    }
}

关键注意事项 #

• 确保AR会话有足够空间扫描墙面，设备需要识别到垂直平面才能完成锚定
• 调整平面网格尺寸和UIView尺寸的对应关系，避免内容显示比例失调
• 带交互、动画的复杂SwiftUI小组件也能正常运行，但需注意AR场景的性能消耗
• 可通过调整实体的position属性，微调小组件在墙面上的位置

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