Предварительный просмотр камеры с прозрачной областью

Я попробовал библиотеку Aespa, о которой вы упомянули выше. Поэтому я воспользуюсь этим проектом, чтобы дать вам решение. Весь экран представляет собой AVCaptureVideoPreviewLayer. Для достижения желаемого пользовательского интерфейса вам необходимо:

1. Оберните AVCaptureVideoPreviewLayer в представление вместо представления контроллера, как это было в библиотеке.

На этом этапе ничего особенного, откройте файл Preview, затем объявите собственный контроллер, скажем PreviewController.

final class PreviewController: UIViewController {
    let previewContainer = UIView()

    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(previewContainer)
        previewContainer.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            transparentView.topAnchor.constraint(equalTo: view.topAnchor),
            transparentView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            transparentView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            transparentView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        ])
    }
}

struct Preview: UIViewControllerRepresentable {
    func updateUIViewController(_ uiViewController: PreviewController, context: Context) {
        ...
        if previewLayer.superlayer == nil {
            uiViewController.previewContainer.layer.addSublayer(previewLayer)
        }
    }
}

2. Добавьте cameraOverlayView над слоем предварительного просмотра на шаге 1. Представьте, что красный вид в центре — это ваша opaque view, другой — semi-transparent части.

final class CameraOverlayView: UIView {
    private var container: UIStackView = {
        let v = UIStackView()
        v.axis = .vertical
        return v
    }()

    private var top = UIView()
    private let bottom = UIView()

    private var centerContent: UIStackView = {
        let v = UIStackView()
        v.axis = .horizontal
        v.alignment = .fill
        return v
    }()

    private let focusView = UIView()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setup()
    }

    private func setup() {
        addSubview(container)
        container.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            container.topAnchor.constraint(equalTo: self.topAnchor),
            container.leadingAnchor.constraint(equalTo: self.leadingAnchor),
            container.trailingAnchor.constraint(equalTo: self.trailingAnchor),
            container.bottomAnchor.constraint(equalTo: self.bottomAnchor),
        ])

        top.backgroundColor = .black.withAlphaComponent(0.8)
        top.heightAnchor.constraint(equalToConstant: 200).isActive = true

        bottom.backgroundColor = .black.withAlphaComponent(0.8)

        container.addArrangedSubview(top)
        container.addArrangedSubview(centerContent)
        container.addArrangedSubview(bottom)

        let padding = (UIScreen.main.bounds.width - 300) / 2
        let leading = UIView()
        leading.backgroundColor = .black.withAlphaComponent(0.8)
        leading.widthAnchor.constraint(equalToConstant: padding).isActive = true
        let trailing = UIView()
        trailing.backgroundColor = .black.withAlphaComponent(0.8)
        trailing.widthAnchor.constraint(equalToConstant: padding).isActive = true

        centerContent.addArrangedSubview(leading)
        centerContent.addArrangedSubview(focusView)
        centerContent.addArrangedSubview(trailing)
        focusView.widthAnchor.constraint(equalToConstant: 300).isActive = true
        focusView.heightAnchor.constraint(equalToConstant: 400).isActive = true
    }
}

Я исправил константы. Вы можете изменить их позже или ввести через параметр/функцию.

Теперь добавьте представление в PreviewController и убедитесь, что оно находится выше previewContainer.

final class PreviewController: UIViewController {
    private var cameraOverlayView: CameraOverlayView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        ...
        cameraOverlayView = CameraOverlayView(frame: .zero)
        view.addSubview(cameraOverlayView)
        cameraOverlayView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            cameraOverlayView.topAnchor.constraint(equalTo: view.topAnchor),
            cameraOverlayView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            cameraOverlayView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            cameraOverlayView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        ])
    }
}

Выход: