CALayer 蒙版无法正常工作

Posted 2023-03-12

【中文标题】CALayer 蒙版无法正常工作

【英文标题】：CALayer mask not working correctly

【发布时间】：2012-10-23 03:22:32

【问题描述】：

我正在尝试使用其图层的 mask 属性将 UIView 屏蔽为图像。我见过无数的例子说，“就是这么简单”。然而，经过相当多的调整，我似乎无法重现所描述的结果。设置图层蒙版只会使视图消失。这是我正在使用的代码：

- (void)setMaskImage:(UIImage *)maskImage

    _maskImage = maskImage;

    self.layer.mask.contents = (__bridge id)(_maskImage.CGImage);


- (id)initWithFrame:(CGRect)frame

    self = [super initWithFrame:frame];
    if (self != nil) 
        self.layer.mask = [CALayer layer];
    

    return self;


- (void)setFrame:(CGRect)frame

    [super setFrame:frame];

    self.layer.mask.frame = self.layer.bounds;

这是我试图用来掩盖视图的图像：http://cl.ly/0a300G2r133V

【参考方案1】：

一种可能性是系统实际上并未使用setFrame: 来设置视图的几何形状。它可以使用setCenter: 和setBounds:。另一种可能性是系统根本没有设置视图的几何图形，它只设置一次，在 [super initWithFrame:frame] 调用中，在添加遮罩层之前。

无论如何，您应该覆盖layoutSubviews，而不是覆盖setFrame:：

- (void)layoutSubviews 
    [super layoutSubviews];
    self.layer.mask.frame = self.bounds;

【讨论】：

这是部分问题，但不完全是问题。

【参考方案2】：

以下按预期工作：

- (void)setMaskImage:(UIImage *)maskImage

    if (_maskView == nil) 
        _maskView = [[UIImageView alloc] initWithImage:maskImage];
        _maskView.frame = self.bounds;
        self.layer.mask = _maskView.layer;
     else 
        _maskView.image = maskImage;
    


- (UIImage *)maskImage

    return _maskView.image;


- (void)setBounds:(CGRect)bounds

    [super setBounds:bounds];

    _maskView.frame = self.bounds;

我不知道为什么只使用普通的 CALayer 不起作用，但这增加了使用可拉伸图像的好处。

【参考方案3】：

您可以覆盖 UIView drawRect() 方法以使其在屏幕上的自定义外观。 尝试使用以下方法。

//code for drawRect()

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextAddRect(context,ImageFrame);
CGContextClip(context);
CGContextClearRect(context,ImageFrame);
[super drawRect:rect];

它将使您的视图在您的 imageFrame 区域中透明。