如何将多个遮罩应用于 UIView

Question

我有一个关于如何将多个蒙版应用于已有蒙版的 UIView 的问题。

情况：
我有一个带有活动遮罩的视图，在其左上角创建了一个洞，这是一个模板 UIView，可在项目的任何地方重复使用。在项目的后期，我希望能够创建第二个孔，但这次是在右下角，这不需要创建一个全新的 UIView。

问题：
当我应用底部面膜时，它当然会取代第一个面膜，从而去除顶部孔......有没有办法将它们结合起来？就此而言，将任何现有面具与新面具结合起来？

提前致谢！

Answer 1

这是我在项目中使用的代码，用于在 UIView 中创建一个圆和一个矩形遮罩，您可以将 UIBezierPath 行替换为相同的弧形代码：

func createCircleMask(view: UIView, x: CGFloat, y: CGFloat, radius: CGFloat, downloadRect: CGRect){
    self.layer.sublayers?.forEach { ([=10=] as? CAShapeLayer)?.removeFromSuperlayer() }

    let mutablePath      = CGMutablePath()
    mutablePath.addArc(center: CGPoint(x: x, y: y + radius), radius: radius, startAngle: 0.0, endAngle: 2 * 3.14, clockwise: false)
    mutablePath.addRect(view.bounds)
    let path             = UIBezierPath(roundedRect: downloadRect, byRoundingCorners: [.topLeft, .bottomRight], cornerRadii: CGSize(width: 5, height: 5))
    mutablePath.addPath(path.cgPath)

    let mask             = CAShapeLayer()
    mask.path            = mutablePath
    mask.fillRule        = kCAFillRuleEvenOdd
    mask.backgroundColor = UIColor.clear.cgColor


    view.layer.mask      = mask
}

传递相同的 UIView，它会删除之前的层并在相同的 UIView 上应用新的蒙版。

这里mask.fillRule = kCAFillRuleEvenOdd很重要。如果您注意到有 3 个 mutablePath.addPath() 函数，kCAFillRuleEvenOdd 所做的是，它首先用圆弧创建一个孔，然后添加该视图边界的 Rect，然后添加另一个掩码以创建第二个孔。

Answer 2

根据@Sharad 的回答，我意识到重新添加视图的矩形将使我能够将原始蒙版和新蒙版合二为一。

这是我的解决方案：

func cutCircle(inView view: UIView, withRect rect: CGRect) {

    // Create new path and mask
    let newMask = CAShapeLayer()
    let newPath = UIBezierPath(ovalIn: rect)

    // Create path to clip
    let newClipPath = UIBezierPath(rect: view.bounds)
    newClipPath.append(newPath)

    // If view already has a mask
    if let originalMask = view.layer.mask,
        let originalShape = originalMask as? CAShapeLayer,
        let originalPath = originalShape.path {

        // Create bezierpath from original mask's path
        let originalBezierPath = UIBezierPath(cgPath: originalPath)

        // Append view's bounds to "reset" the mask path before we re-apply the original
        newClipPath.append(UIBezierPath(rect: view.bounds))

        // Combine new and original paths
        newClipPath.append(originalBezierPath)

    }

    // Apply new mask
    newMask.path = newClipPath.cgPath
    newMask.fillRule = kCAFillRuleEvenOdd
    view.layer.mask = newMask
}

Answer 3

如果您不仅有“简单的形状”，还有实际的图层，例如其他视图，例如 UILabel 或 UIImageView.

let maskLayer = CALayer()
maskLayer.frame = viewToBeMasked.bounds
maskLayer.addSublayer(self.imageView.layer)
maskLayer.addSublayer(self.label.layer)

viewToBeMasked.bounds.layer.mask = maskLayer

所以基本上我只是创建一个 maskLayer，它包含所有其他视图的图层作为子图层，然后将其用作蒙版。

如何将多个遮罩应用于 UIView

How to apply multiple masks to UIView

mask

uiview

cashapelayer

ios

swift