这是我的问题。我正在使用 UIImagePickerController 从相机拍摄照片。拍摄后(因为我将 allowsEditing 设置为 TRUE)，预览图像显示一个白色矩形，它界定了默认裁剪区域(它似乎不在图片的中心)。

我想要的是设置一个与裁剪区域完全匹配的自定义相机叠加层，以便用户确切知道他拍摄的照片将是裁剪后的结果图像。

见下图，基本上我希望 Camera Overlay 在预览中只显示代表裁剪矩形的红色矩形。

关于如何实现它以便它适用于所有类型的 Iphone 设备(iphone 4、5、6、6 plus)和纵向/横向模式的任何想法？

感谢您的帮助。

最佳答案

要在屏幕中央放置一个正方形以“引导”用户将相机聚焦在何处，请执行以下操作:

1) 向 UIScreen 添加一个扩展，并根据屏幕的高度或宽度(取决于是否处于横向)获得一个精确的正方形:

extension UIScreen {
    func fullScreenSquare() -> CGRect {
        var hw:CGFloat = 0
        var isLandscape = false
        if UIScreen.main.bounds.size.width < UIScreen.main.bounds.size.height {
        hw = UIScreen.main.bounds.size.width
    }
    else {
        isLandscape = true
        hw = UIScreen.main.bounds.size.height
    }

    var x:CGFloat = 0
    var y:CGFloat = 0
    if isLandscape {
        x = (UIScreen.main.bounds.size.width / 2) - (hw / 2)
    }
    else {
        y = (UIScreen.main.bounds.size.height / 2) - (hw / 2)
    }
        return CGRect(x: x, y: y, width: hw, height: hw)
    }
    func isLandscape() -> Bool {
        return UIScreen.main.bounds.size.width > UISc    reen.main.bounds.size.height
    }
}

2) 然后编写一个方法，您将利用它来为相机覆盖创建指南:

func guideForCameraOverlay() -> UIView {
    let guide = UIView(frame: UIScreen.main.fullScreenSquare())
    guide.backgroundColor = UIColor.clear           
    guide.layer.borderWidth = 4
    guide.layer.borderColor = UIColor.red.cgColor
    guide.isUserInteractionEnabled = false
    return guide
}

3) 将指南添加到您的叠加层:

picker.cameraOverlayView = guideForCameraOverlay()

奖励处理方向变化

在您创建 UIImagePickerController 的类中:

// Add this line where you instantiate your image picker
self.imagePicker.view.layer.addObserver(self, forKeyPath: "bounds", options: .new, context: nil)

并监听相机上的边界变化以重置屏幕中央的指南:

override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    if keyPath == "bounds" {
        if let picker = mediaPicker, picker.cameraCaptureMode == .photo {
            picker.cameraOverlayView = nil
            picker.cameraOverlayView = guideForCameraOverlay()
        }
    }
}

完成后不要忘记移除观察者:

self.imagePicker.view.layer.removeObserver(self, forKeyPath: "bounds")

关于ios - UIImagePickerController Camera Overlay 匹配默认裁剪，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28419336/