设置 UIView 的角（iOS）

Question

我遇到以下问题：我正在使用 AVFoundation 扫描二维码。这很好用，我还可以通过添加子视图在代码周围创建边框，并通过subview.frame = qrCodeObject.bounds 设置frame 属性。这只存在边框只是一个矩形的问题，并且忽略了二维码的视角。

我知道 qrCodeObject 有一个属性corners，它包含检测到的二维码的右上角、左上角、右下角和左下角。

我现在的问题是：如何将这些角点应用于“边框”视图，以使该边框与 QR 码具有相同的视角？或者换句话说：如何根据角点“变换”视图？

提前非常感谢！

更新： 在这里你可以看到问题：红色框是一个 UIView，它的frame 属性设置为二维码bounds 属性。这错过了视角。我想将 UIView（红色框）转换为跟随二维码的corners 属性，包括二维码的右上角、左上角、右下角和左下角（CGPoint）。将它应用到 UIView 很重要，因为我稍后想将它应用到 ImageView。遮罩也不可用，因为它只是隐藏了视图的一部分，但不会拉伸或变换视图的内容。

Answer 1

我找到了解决方案：AGGeometryKit 成功了：https://github.com/hfossli/AGGeometryKit/

感谢大家的帮助！

Answer 2

据我所知，您无法以这种方式转换 CGRect。 （至少我不知道有任何框架可以进行这种图像处理。）

您可以做的是使用 qrCodeObject 的点绘制一个多边形。

在您的 UIView 的drawRect 中，更改使用 CGContext 和 CGPath 来绘制您想要的路径。

您希望您的绘图 UIView 与显示 QR 码的 UIView 大小相同，这样您就不必将点转换到第二个坐标空间。

This answer 如果您需要有关如何操作的更多指导，请提供指导。

Answer 3

好的，您面临的问题是CGRect 只能表示没有倾斜或扭曲的矩形。您正在处理的是具有不同类型透视失真的图像。

我没有尝试这样做，但听起来 AVFoundation 为您提供 4 个 CGPoint 对象是有原因的。您需要使用UIBezierPath 绘制这4 个CGPoints，而不是尝试绘制CGRect。只需创建一条移动到第一个点的贝塞尔路径，然后画线到每个后续点，最后回到第一个点。这将为您提供一个考虑 QR 码失真的四边形。

Answer 4

在这里，CATransform3DRotate 可能是你的朋友。

https://guides.codepath.com/ios/Using-Perspective-Transforms 可能是一个很好的起点。