使用 CALayer 和 UIImage 在 Swift 中屏蔽图像

Question

我正在使用 Swift 编程。我想使用 CALayer 和 UIImage 屏蔽图像。我正在以编程方式创建我的蒙版图像。创建的蒙版图像是 UIImage 并且在我自己查看时可以正常工作。但是当我将它用作遮罩时，整个屏幕都会变白。我怀疑我的问题在于配置 CALayer 对象。我会很感激你的帮助。谢谢！

class ViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        var maskImageSize = CGSizeMake(self.imageView.frame.width, self.imageView.frame.height)
        UIGraphicsBeginImageContextWithOptions(maskImageSize, false, 0.0)

        var color = UIColor(white: 1.0, alpha: 1.0)
        color.setFill()
        var rect = CGRectMake(0, 0, self.imageView.frame.width, self.imageView.frame.height)
        UIRectFill(rect)

        color = UIColor(white: 0.0, alpha: 1.0)
        color.setFill()
        rect = CGRectMake((self.imageView.frame.width/2)-100, (self.imageView.frame.height/2)-100, 200, 200)
        UIRectFill(rect)

        var maskImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        var maskLayer = CALayer()
        maskLayer.contents = maskImage
        maskLayer.contentsRect = CGRectMake(0, 0, self.imageView.bounds.width, self.imageView.bounds.height)


        self.imageView.image = UIImage(named: "pictobemasked.png")

        self.imageView.layer.mask = maskLayer;
    }

}

Answer 1

不幸的是，您的问题问得非常糟糕——您还没有说出您真正想要做什么！但是，它看起来好像您可能正在尝试使用蒙版在图像视图中打一个矩形孔。如果是这样，您的代码至少存在三个巨大缺陷。

• 您的代码无法正常工作的一个原因是遮罩基于透明度，而不是颜色。您使用的是不透明的白色和不透明的黑色，它们都是不透明的，所以没有区别。你需要你的两种颜色是这样的：

   var color = UIColor(white: 1.0, alpha: 1.0)
  // ... and then, later ...
  color = UIColor(white: 1.0, alpha: 0.0)
  

• 第二个问题是您的图层没有大小。你需要给它一个：

  var maskLayer = CALayer()
  maskLayer.frame = CGRectMake(
      0, 0, self.imageView.bounds.width, self.imageView.bounds.height)
  

• 第三个也是最大的问题是你的蒙版图像永远不会进入你的蒙版层，因为你忘记提取它的CGImage：

  maskLayer.contents = maskImage.CGImage
  

最后一个是真正的杀手，因为如果您将contents 设置为 UIImage 而不提取其CGImage，则图像会静默 无法进入图层。没有错误消息，没有崩溃 - 也没有图像。

在您的代码中进行这三个更正后，我能够使蒙版在图像中打出一个矩形孔。因此，如果这是您的目的，那么这些更改将会实现。