ios - 使用 UIImageView 在 UIView 中切割透明孔
问题描述
我正在尝试为我的 QR 相机视图创建下面的图像。
我有一个相机覆盖的图像(它是屏幕中间的正方形)。
我在 stackoverflow 上查看了类似的主题,并找到了如何从黑色背景(0.75% 透明)中剪切出相机覆盖图像,以便它在中间留下空白空间,但是我在它的位置上遇到了一些真正的问题,而且我无法找出如此奇怪的行为。
这是我用来创建背景黑色图像并切出中心正方形的代码:
// Create a view filling the screen.
let backgroundView = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height))
// Set a semi-transparent, black background.
backgroundView.backgroundColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.75)
// Create the initial layer from the view bounds.
let maskLayer = CAShapeLayer()
maskLayer.frame = backgroundView.bounds
maskLayer.fillColor = UIColor.black.cgColor
// Create the path.
let path = UIBezierPath(rect: backgroundView.bounds)
maskLayer.fillRule = CAShapeLayerFillRule.evenOdd
// Append the overlay image to the path so that it is subtracted.
path.append(UIBezierPath(rect: camOverlayImageView.frame))
maskLayer.path = path.cgPath
// Set the mask of the view.
backgroundView.layer.mask = maskLayer
// Add the view so it is visible.
self.view.addSubview(backgroundView)
是在情节提要中创建的camOverlayImageView
,我在它上面使用的只是将其垂直和水平居中到超级视图的约束,如下所示:
但是,当我这样做时,这就是我在设备上得到的:
如果有人可能知道可能导致此问题的原因或如何解决它,将不胜感激,因为我似乎找不到它。
我当然可以手动移动框架并像这样偏移它,但这不是正确的方法:
let overlayFrame = camOverlayImageView.frame
// Append the overlay image to the path so that it is subtracted.
path.append(UIBezierPath(rect: CGRect(
x: overlayFrame.origin.x + 18,
y: overlayFrame.origin.y - 6,
width: overlayFrame.size.width,
height: overlayFrame.size.height))
)
maskLayer.path = path.cgPath
而不是做我以前做的事情:
path.append(UIBezierPath(rect: camOverlayImageView.frame))
maskLayer.path = path.cgPath
解决方案
最有可能的...
您过早地创建蒙版 - 在自动布局调整视图大小/定位视图之前。
试试这样:
class HoleInViewController: UIViewController {
@IBOutlet var camOverlayImageView: UIView!
let backgroundView: UIView = {
let v = UIView()
v.translatesAutoresizingMaskIntoConstraints = false
v.backgroundColor = UIColor.black.withAlphaComponent(0.75)
return v
}()
override func viewDidLoad() {
super.viewDidLoad()
view.addSubview(backgroundView)
NSLayoutConstraint.activate([
backgroundView.topAnchor.constraint(equalTo: view.topAnchor),
backgroundView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
backgroundView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
backgroundView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
])
}
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
// Create the initial layer from the view bounds.
let maskLayer = CAShapeLayer()
maskLayer.frame = backgroundView.bounds
maskLayer.fillColor = UIColor.black.cgColor
// Create the path.
let path = UIBezierPath(rect: backgroundView.bounds)
maskLayer.fillRule = CAShapeLayerFillRule.evenOdd
// Append the overlay image to the path so that it is subtracted.
path.append(UIBezierPath(rect: camOverlayImageView.frame))
maskLayer.path = path.cgPath
// Set the mask of the view.
backgroundView.layer.mask = maskLayer
}
}
推荐阅读
- html - not(:focus):before 在单击某些占位符文本后取消对可编辑 div 的关注
- sql - 您的查询不包含指定表达式作为聚合函数的一部分,如何修复错误?
- python - `pip install mysqlclient` 找不到`mariadb`,因为它已被`MariaDB-client` 淘汰
- python - 附加到 .join()
- babeljs - 为什么要排除 node_modules 被 Babel 转译?
- .net - Raspberry PI 上的 .Net 5.0 Blazor 问题不显示 NavMenu
- sql - 将第 2 列的每一行应用到第 1 列的每一行
- datadog - 每周导出 Datadog 监视器警报
- python - 寻找子弹射击的pygame矢量角度
- android - onActivityResult Uri - 创建子文件夹并获取新子文件夹的 DocumentUri