SwiftUI Popover半透明材质背景设置问题求助

iOS 16+ 官方简洁方案 #

从iOS16开始，SwiftUI新增了直接控制Popover背景的API，无需依赖UIKit，直接给Popover的内容视图添加.presentationBackground修饰符即可实现半透明材质效果：

.popover(isPresented: $showPopover) {
    ZStack {
        Text("My popover content")
            .font(.title)
    }
    .frame(width: 250, height: 350, alignment: .center)
    // 直接设置Popover的背景材质
    .presentationBackground(.ultraThinMaterial)
}

iOS 15及以下兼容方案 #

iOS15及更早版本，SwiftUI未开放Popover背景的直接修改接口，需通过UIViewControllerRepresentable自定义容器来实现：

1. 创建带透明背景的视图控制器 #

class TransparentPopoverVC: UIViewController {
    var contentView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 清空控制器背景
        view.backgroundColor = .clear
        // 添加SwiftUI内容视图
        contentView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(contentView)
        NSLayoutConstraint.activate([
            contentView.topAnchor.constraint(equalTo: view.topAnchor),
            contentView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            contentView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            contentView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        // 遍历视图层级找到Popover的背景容器，替换为半透明材质
        if let popoverBgView = view.superview?.superview?.subviews.first(where: { $0 is UIVisualEffectView }) as? UIVisualEffectView {
            popoverBgView.effect = UIBlurEffect(style: .systemUltraThinMaterial)
        }
    }
}

2. 封装为SwiftUI可使用的视图 #

struct TransparentPopover: UIViewControllerRepresentable {
    var content: () -> AnyView
    
    func makeUIViewController(context: Context) -> TransparentPopoverVC {
        let vc = TransparentPopoverVC()
        vc.contentView = UIHostingController(rootView: content()).view
        return vc
    }
    
    func updateUIViewController(_ uiViewController: TransparentPopoverVC, context: Context) {
        uiViewController.contentView = UIHostingController(rootView: content()).view
    }
}

3. 在SwiftUI中使用自定义Popover #

.popover(isPresented: $showPopover) {
    TransparentPopover {
        AnyView(
            ZStack {
                Text("My popover content")
                    .font(.title)
            }
            .frame(width: 250, height: 350, alignment: .center)
        )
    }
}

关键说明 #

直接给Popover内容添加.background修饰符，只会修改内容区域的背景，无法替换系统Popover自带的默认背景容器，这就是之前写法无效的原因。

• iOS16+的.presentationBackground是官方推荐方案，代码简洁且兼容性稳定。
• 低版本兼容方案依赖视图层级遍历，若苹果后续调整Popover的视图结构，可能需要对应修改遍历逻辑。

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