防止带有AVCaptureVideoPreviewLayer的UIView与ViewController的其余部分一起旋转

Question

我有一个嵌入在选项卡栏控制器中的视图控制器，它在UIView中显示一个AVCaptureVideoPreviewLayer。

当设备旋转时，我希望视图控制器随之旋转——除了前面提到的UIView。

然而，与这个相关的问题不同，我不只是在视图控制器中旋转/转换我的其他视图。其他视图需要使用它们配置的自动布局旋转行为。

我尝试了几种方法，包括简单地将视频方向设置为纵向：

previewLayer.connection.videoOrientation = .portrait

将UIView提取到单独的视图控制器，将该视图控制器嵌入到原始视图控制器中，并设置其自动旋转属性

override var shouldAutorotate: Bool {
    return false
}

override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
    return .portrait
}

但后来我在这里了解到，iOS只查看这些属性的顶级视图控制器。

无论我做了什么尝试，视频预览都会随着视图控制器的其余部分一起旋转，最终会横向结束。

唯一的工作原理，但有时会导致视频预览变得不对齐，就是这个

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)

    DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
        if let videoPreviewLayerConnection = previewLayer.connection {
            if let newVideoOrientation = AVCaptureVideoOrientation(rawValue: UIApplication.shared.statusBarOrientation.rawValue) {
                videoPreviewLayerConnection.videoOrientation = newVideoOrientation
            }
        }
    }
}

我基本上需要这个问题的反面。

如何强制视频预览不旋转，但允许视图控制器的其余部分正常旋转？（与iOS摄像头应用程序的行为相同，只是其他UI元素正常旋转，而不是90°旋转变换）

Answer 1

以下内容可能与您的解决方案一样粗鲁，但在视觉上看起来更干净。

在视图WillTransition中，我设置了previewView的仿射变换，以抵消旋转手机设置的方向。它看起来比仅仅设置视频方向更清晰，因为仿射变换的动画速度与方向更改的速度相同。具体操作如下。

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)

    let orientation = UIDevice.current.orientation
    var rotation : CGFloat = self.previewView.transform.rotation
    switch(orientation) {
    case .portrait:
        rotation = 0.0
    case .portraitUpsideDown:
        rotation = CGFloat.pi
    case .landscapeLeft:
        rotation = -CGFloat.pi/2.0
    case .landscapeRight:
        rotation = CGFloat.pi/2.0
    default:
        break
    }
    let xScale = self.previewView.transform.xScale
    let yScale = self.previewView.transform.yScale
    self.previewView.transform = CGAffineTransform(scaleX:xScale, y:yScale).rotated(by:rotation)
    self.view.layoutIfNeeded()

}

下面是上述代码使用的CGAffineTransform的扩展

extension CGAffineTransform {
    public var xScale: CGFloat {
        get {return sqrt(self.a * self.a + self.c * self.c) }
    }
    public var yScale: CGFloat {
        get {return sqrt(self.b * self.b + self.d * self.d) }
    }
    public var rotation: CGFloat {
        get {return CGFloat(atan2f(Float(self.b), Float(self.a))) }
    }
}