我想建立使用与新的iPhone两个X最大的单一视图的应用程序的自定义相机。 参考下面的截图,可以看出,在AVCaptureVideoPreviewLayer显示的视频输出占用小于对iPhone X屏幕的安全区域。 如何计算尚未占用的空间?
我怎么知道AVCaptureVideoPreviewLayer占据小于安全区域? 好了,上面的“按钮”的上边框被固定到安全区域的上边界。 底部的按钮同样固定在底部安全区域的底部。 然而,有巨大的重叠!
问题:
单一视图的应用程序的布局:按钮顶部约束
底部的白色按钮底部约束:
所有其他的布局限制:
迅速:
class ViewController: UIViewController, UIImagePickerControllerDelegate, AVCaptureVideoDataOutputSampleBufferDelegate {
var previewLayer = AVCaptureVideoPreviewLayer.init()
var captureSession: AVCaptureSession!
var previewFrame = CGRect.init()
var safeAreaFrame: CGRect = CGRect.init()
override func viewDidLoad() {
super.viewDidLoad()
let screenSize = UIScreen.main.bounds
// This is (0.0, 0.0, 414.0, 896.0)
startAVCaptureSession()
}
override func viewDidLayoutSubviews() {
print("viewDidLayoutSubviews ...")
let sAreaFrame = UIApplication.shared.windows[0].safeAreaLayoutGuide.layoutFrame
self.safeAreaFrame = sAreaFrame
// self.safeAreaFrame - This is (0.0, 44.0, 414.0, 818.0)
self.previewLayer.frame = view.bounds // // I have tried self.previewLayer.frame = self.safeAreaFrame
self.previewFrame = previewLayer.frame
}
func startAVCaptureSession() {
print("START CAPTURE SESSION!!")
// Setting Up a Capture Session
self.captureSession = AVCaptureSession()
captureSession.beginConfiguration()
// Configure input
let videoDevice = AVCaptureDevice.default(for: .video)
guard
let videoDeviceInput = try? AVCaptureDeviceInput.init(device: videoDevice!) as AVCaptureInput,
self.captureSession.canAddInput(videoDeviceInput)else {return}
self.captureSession.addInput(videoDeviceInput)
// Capture video output
let videoOutput = AVCaptureVideoDataOutput.init()
guard self.captureSession.canAddOutput(videoOutput) else {return}
videoOutput.setSampleBufferDelegate(self, queue: DispatchQueue.init(label: "videoQueue"))
self.captureSession.addOutput(videoOutput)
// start
self.captureSession.commitConfiguration()
self.captureSession.startRunning()
// Display camera preview
self.previewLayer = AVCaptureVideoPreviewLayer.init(session: self.captureSession)
// Use 'insertSublayer' to enable button to be viewable
view.layer.insertSublayer(self.previewLayer, at: 0)
}
}
PROJCT LINK: https://github.com/babylon123/RectangleCapture