ios - 无法使 UIButton 的图层蒙版起作用

Question

我无法屏蔽 UIButton。它适用于 UIView，但不适用于 UIButton。

我的代码非常简单:

let maskingLayer = CALayer()
maskingLayer.frame = backToLiveButton.bounds
let maskingImage = WxStyleKit.imageOfTimelineBackToLiveArrow(backToLiveButton.bounds)
maskingLayer.contents = maskingImage.CGImage
backToLiveButton.layer.mask = maskingLayer

你有什么想法吗？

谢谢

Answer 1

我能够通过子类化 UIButton 并覆盖 drawRect 来使屏蔽起作用。有两个选项可以使其发挥作用，要么将图像转换为 UIImage，要么修改 PaintCode 函数以返回 UIBezierPath 并使用 CAShapeLayer.

选项 1:使用预定义图像

class MaskedButton: UIButton {

  @IBInspectable var imageString: String?

  override func draw(_ rect: CGRect) {
    super.draw(rect)
    if let imageString = imageString {
      let maskImage = UIImage(imageLiteralResourceName: imageString)
      let maskImageView = UIImageView(frame: rect)
      maskImageView.contentMode = .scaleAspectFit
      maskImageView.image = maskImage
      layer.mask = maskImageView.layer
    }
  }

}

在此方法中，imageString 属性在 Interface Builder 中设置，并且是 Assets.xcassets 中图像的名称。

选项 2:使用动态创建的 UIBezierPath

class MaskedButton: UIButton {

  override func draw(_ rect: CGRect) {
    super.draw(rect)
    let maskLayer = CAShapeLayer()
    maskLayer.path = Wx.drawCanvas1(frame: rect).cgPath
    layer.mask = maskLayer
  }

}

修改后的 PaintCode 函数

public class Wx : NSObject {

   //// Drawing Methods

   public class func drawCanvas1(frame: CGRect) -> UIBezierPath {

       //// Bezier Drawing
       let bezierPath = UIBezierPath()
       bezierPath.move(to: CGPoint(x: frame.minX + 8.88, y: frame.minY + 28.28))
       bezierPath.addCurve(to: CGPoint(x: frame.minX + 77.2, y: frame.minY + 1.57), controlPoint1: CGPoint(x: frame.minX + 32.99, y: frame.minY + 2.6), controlPoint2: CGPoint(x: frame.minX + 63.13, y: frame.minY - 4.59))
       ...
       bezierPath.close()

       return bezierPath
    }

}

此方法有效，但不幸的是，您必须为每种类型的按钮创建一个子类，因为它依赖于在 drawRect 覆盖中包含该函数。我不知道有什么方法可以动态设置函数调用，但我希望这有帮助!

如果您有任何疑问，请随时提问!