如何让沉浸式视图内容可点击？点击事件未触发问题求助

你的代码核心问题是把RealityKit的ModelEntity直接放到SwiftUI的View层级中，SwiftUI无法识别并渲染这些实体到RealityView的场景里，导致手势根本无法命中这些热点。下面是具体的修复方案：

1. 把热点实体添加到RealityView的场景中 #

移除ZStack里的ForEach热点代码，改用RealityView的update闭包来管理热点实体：

var body: some View {
    ZStack {
        RealityView { content in
            // 初始化时添加初始内容
            addHotspots(to: content)
        } update: { content in
            // 当hotspots数组变化时更新热点
            updateHotspots(in: content)
        }
        .opacity(opacity)
    }
    .task {
        await loadTextureForCurrentImage()
    }
    .gesture(
        SpatialTapGesture()
            .targetedToAnyEntity()
            .onEnded { handleTap($0) }
    )
}

// 添加热点到RealityView内容
private func addHotspots(to content: RealityViewContent) {
    for hotspot in hotspots {
        let entity = createHotspotEntity(hotspot: hotspot)
        content.add(entity)
    }
}

// 更新热点（处理新增/删除的情况）
private func updateHotspots(in content: RealityViewContent) {
    // 先移除已有的热点实体
    content.entities.filter { $0.name.starts(with: "Hotspot_") }.forEach(content.remove)
    // 添加所有当前热点
    addHotspots(to: content)
}

2. 调整交互组件的配置 #

确保InputTargetComponent和CollisionComponent的设置正确，让实体能接收点击：

private func createHotspotEntity(hotspot: Hotspot) -> ModelEntity {
    let hotspotEntity = ModelEntity()
    
    let hudYellow = UIColor(red: 1.0, green: 0.8, blue: 0.0, alpha: 1.0)
    let radius: Float = 1.5
    
    let sphereMesh = MeshResource.generateSphere(radius: radius)
    var material = UnlitMaterial()
    material.color = .init(tint: hudYellow.withAlphaComponent(0.8))
    let sphereEntity = ModelEntity(mesh: sphereMesh, 
                                   materials: [material],
                                   collisionShape: .generateSphere(radius: radius),
                                   mass: 0.0)
    
    hotspotEntity.addChild(sphereEntity)
    
    // 位置计算保留不变
    let worldRadius: Float = 85
    let phi = Float.pi / 2 - hotspot.position.y
    let theta = hotspot.position.x
    let x = worldRadius * sin(phi) * cos(theta)
    let y = worldRadius * cos(phi)
    let z = worldRadius * sin(phi) * sin(theta)
    
    hotspotEntity.position = [x, y, z]
    hotspotEntity.look(at: [0, 0, 0], from: hotspotEntity.position, relativeTo: nil)
    hotspotEntity.name = "Hotspot_\(hotspot.id)"
    
    hotspotEntity.components[DestinationComponent.self] = DestinationComponent(destinationId: hotspot.destinationImageId ?? "", label: hotspot.label)
    hotspotEntity.components[HotspotComponent.self] = HotspotComponent()
    
    // 修正交互组件配置
    // 允许直接和间接输入（比如触摸、空间手势）
    hotspotEntity.components.set(InputTargetComponent(allowedInputTypes: [.direct, .indirect]))
    // 使用默认的碰撞模式，确保能被手势命中
    hotspotEntity.components.set(CollisionComponent(shapes: [.generateSphere(radius: radius)], mode: .default))
    
    return hotspotEntity
}

关键修复点解释 #

• 实体添加方式错误：ModelEntity是RealityKit的实体，必须通过RealityViewContent的add方法添加到场景中，不能直接作为SwiftUI View的子视图。之前的写法只是创建了实体，但没有把它加到RealityView的场景里，所以这些热点只是“存在于代码中”，并没有真正渲染到3D空间里，自然无法被点击。
• 交互组件配置问题：原来的CollisionComponent用了.trigger模式，这种模式仅用于碰撞检测不参与物理交互，不适合接收点击手势；改成.default模式后，实体才能成为手势的目标。同时InputTargetComponent要允许.direct输入，确保触摸/空间点击能被识别。

现在重新运行代码，热点应该能正常响应点击事件了。

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