如何设置透明背景UIHostingController作为子VC实现点击穿透

方案1：SwiftUI层级精准控制触摸穿透 #

直接在SwiftUI视图的最外层设置透明背景并禁用触摸响应，仅保留需要交互的Capsule元素的触摸能力：

struct NotificationBubbleOverlay: View {
    var body: some View {
        VStack {
            Spacer()
            HStack {
                Capsule()
                    .fill(Color.white.opacity(0.8))
                    .frame(height: 44)
                    .padding()
                    .onTapGesture {
                        // 处理气泡点击事件
                    }
                Spacer()
            }
        }
        // 核心：最外层背景设为透明且不响应触摸，让底层UIKit视图接收透明区域的点击
        .background(Color.clear.allowsHitTesting(false))
    }
}

使用时，确保UIHostingController的view背景色设为透明：

let overlayView = NotificationBubbleOverlay()
let hostingVC = UIHostingController(rootView: overlayView)
hostingVC.view.backgroundColor = .clear

方案2：自定义UIHostingController重写hitTest #

如果方案1不生效，可通过自定义UIHostingController子类，重写触摸检测逻辑，仅让SwiftUI的可交互元素响应触摸，透明区域直接穿透到底层：

class TransparentHostingController<Content: View>: UIHostingController<Content> {
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        let resultView = super.hitTest(point, with: event)
        // 如果触摸点只命中了hosting controller的根视图（即透明区域），返回nil让底层UI响应
        return resultView == self.view ? nil : resultView
    }
}

替换默认的UIHostingController使用这个子类：

let hostingVC = TransparentHostingController(rootView: NotificationBubbleOverlay())
hostingVC.view.backgroundColor = .clear

为什么你之前的方法无效？ #

• 给VStack加.allowHitTesting(false)会禁用整个容器的触摸，包括内部的Capsule，不符合需求；
• 禁用vc.view的用户交互会让所有SwiftUI元素都无法响应点击；
• Spacer的.allowHitTesting(false)不生效，是因为VStack本身仍会接收触摸事件；
• 你说无法修改vc.view的hitTest，是因为默认UIHostingController不能直接修改，需要自定义子类来重写。

如果以上SwiftUI方案都无法解决你的场景，再考虑改用UIKit实现覆盖层，但优先推荐上述两种方案，能保留SwiftUI的布局优势。

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