如何为UIImagePickerController设置仅覆盖相机预览区域的cameraOverlayView

问题核心原因 #

你当前的实现将overlay撑满了全屏的cameraOverlayView，自然会遮挡上下原生控件。相机预览区域的宽高比固定为3:4，只要正确计算该区域的位置即可实现全设备适配。

方案1：比例计算法（无审核风险，适配绝大多数场景） #

直接利用相机预览固定3:4的比例特性，约束overlay居中即可：

imagePicker.sourceType = .camera
// 保持原生控件显示，默认即为true，可省略
imagePicker.showsCameraControls = true

let overlay = UIView()
overlay.backgroundColor = UIColor(white: 1, alpha: 0.5)
overlay.translatesAutoresizingMaskIntoConstraints = false
imagePicker.cameraOverlayView?.addSubview(overlay)

let screenWidth = UIScreen.main.bounds.width
// 竖屏状态下预览宽高比为3:4，计算对应高度
let previewHeight = screenWidth * 4 / 3

NSLayoutConstraint.activate([
    overlay.widthAnchor.constraint(equalToConstant: screenWidth),
    overlay.heightAnchor.constraint(equalToConstant: previewHeight),
    overlay.centerXAnchor.constraint(equalTo: imagePicker.cameraOverlayView!.centerXAnchor),
    overlay.centerYAnchor.constraint(equalTo: imagePicker.cameraOverlayView!.centerYAnchor)
])

self.present(imagePicker, animated: true, completion: nil)

适配横屏补充 #

如果App支持横屏，需要监听设备旋转事件，动态更新overlay的宽高约束值即可。

方案2：精准匹配预览层（100%适配所有布局场景） #

遍历UIImagePickerController的视图层级，找到苹果内部的预览层视图，直接将overlay约束到该视图上，完全对齐预览区域：

imagePicker.sourceType = .camera

let overlay = UIView()
overlay.backgroundColor = UIColor(white: 1, alpha: 0.5)
overlay.translatesAutoresizingMaskIntoConstraints = false
imagePicker.cameraOverlayView?.addSubview(overlay)

// 递归查找相机预览视图
func findCameraPreviewView(in view: UIView) -> UIView? {
    for subview in view.subviews {
        if NSStringFromClass(type(of: subview)) == "PLCameraPreviewView" {
            return subview
        }
        if let target = findCameraPreviewView(in: subview) {
            return target
        }
    }
    return nil
}

// 页面弹出完成后绑定约束，确保视图层级已加载完成
self.present(imagePicker, animated: true) { [weak self] in
    guard let self = self, let previewView = findCameraPreviewView(in: imagePicker.view) else { return }
    NSLayoutConstraint.activate([
        overlay.topAnchor.constraint(equalTo: previewView.topAnchor),
        overlay.leadingAnchor.constraint(equalTo: previewView.leadingAnchor),
        overlay.trailingAnchor.constraint(equalTo: previewView.trailingAnchor),
        overlay.bottomAnchor.constraint(equalTo: previewView.bottomAnchor)
    ])
}

注意事项 #

该方案仅遍历公开的视图层级，未调用私有API，App Store审核无风险。

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