如何在自定义SwiftUI ViewModifier中检测content的opacity是否为0

方案1：通过绑定共享opacity状态 #

让自定义Modifier接收Binding<CGFloat>类型的opacity值，直接感知透明度变化来判断视图可见性，以此控制视频流启停：

struct VisibilityTrackingModifier: ViewModifier {
    @Binding var opacity: CGFloat
    private var isVisible: Bool { opacity > 0.01 } // 规避浮点精度问题，不严格等于0

    func body(content: Content) -> some View {
        content
            .opacity(opacity)
            .onChange(of: isVisible) { newState in
                if newState {
                    // 启动视频捕获流
                    print("启动视频流")
                } else {
                    // 停止视频捕获流
                    print("停止视频流")
                }
            }
            .onAppear {
                if isVisible {
                    print("视图出现且可见，启动视频流")
                }
            }
            .onDisappear {
                print("视图消失，停止视频流")
            }
    }
}

// 使用示例
struct ContentView: View {
    @State private var viewOpacity: CGFloat = 1.0

    var body: some View {
        VideoCaptureView()
            .modifier(VisibilityTrackingModifier(opacity: $viewOpacity))
        
        Button("切换可见性") {
            viewOpacity = viewOpacity == 1.0 ? 0 : 1.0
        }
    }
}

该方案逻辑简单直接，完全基于SwiftUI状态绑定，能精准响应透明度变化。

方案2：利用PreferenceKey检测实际可视性 #

若无法直接控制opacity绑定，可通过PreferenceKey结合GeometryReader检测视图是否在屏幕可视范围内，同时判断透明度：

// 定义PreferenceKey传递可见状态
struct VisibilityPreferenceKey: PreferenceKey {
    static var defaultValue: Bool = false
    
    static func reduce(value: inout Bool, nextValue: () -> Bool) {
        value = value || nextValue()
    }
}

struct VisibilityTrackingModifier: ViewModifier {
    @State private var isViewVisible: Bool = false

    func body(content: Content) -> some View {
        content
            .background(
                GeometryReader { proxy in
                    Color.clear
                        .preference(
                            key: VisibilityPreferenceKey.self,
                            value: isViewActuallyVisible(proxy: proxy)
                        )
                }
            )
            .onPreferenceChange(VisibilityPreferenceKey.self) { newValue in
                guard newValue != isViewVisible else { return }
                isViewVisible = newValue
                newValue ? print("视图变为可见，启动视频流") : print("视图变为不可见，停止视频流")
            }
    }
    
    private func isViewActuallyVisible(proxy: GeometryProxy) -> Bool {
        let frame = proxy.frame(in: .global)
        let isInScreen = frame.intersects(UIScreen.main.bounds)
        // 结合透明度判断，规避opacity为0但视图仍在视图树的情况
        return isInScreen && proxy.alpha > 0.01
    }
}

此方案适用于无法直接控制opacity绑定的场景，能准确识别视图是否真正处于屏幕可视区域内。

补充说明 #

• onAppear的触发时机是视图被添加到视图树，和是否可见（opacity为0）无关，因此不能仅依赖它判断可见性。
• 如果视频捕获视图基于UIKit（如AVCaptureVideoPreviewLayer），可通过UIViewRepresentable直接监听底层UIView的isHidden和alpha属性：

struct VideoCaptureView: UIViewRepresentable {
    var isVisible: Bool
    
    func makeUIView(context: Context) -> UIView {
        let view = UIView()
        // 初始化AVCapture相关逻辑
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
        uiView.isHidden = !isVisible
        isVisible ? /* 启动捕获 */ () : /* 停止捕获 */ ()
    }
}

结合Modifier的状态传递，可精准控制视频流的启停。

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