如何在CALayers上创建反向掩码

Question

我会尽可能简单.

如何CALayers在iOS中创建反向掩码？

我有一个红色视图和一个用于掩盖红色视图的图像.

我使用视图的CALayermask属性来应用掩码,结果如下.

然而,我想要的是相反的结果,例如(想象这里的白色部分实际上是背景中的木材,因为我对图像编辑软件不是很好)

换句话说:我希望掩蔽图像在视图中打孔,而不是作为实际的遮罩层.C#(MonoTouch)或Obj-C中的答案都很好

Answer 1

希望它有所帮助

第1步:创建一个没有任何alpha通道的蒙版.

步骤2:通过以下方法创建反转掩码

- (UIImage*)createInvertMask:(UIImage *)maskImage withTargetImage:(UIImage *) image {

    CGImageRef maskRef = maskImage.CGImage;

    CGBitmapInfo bitmapInfo = kCGImageAlphaNone;
    CGColorRenderingIntent renderingIntent = kCGRenderingIntentDefault;

    CGImageRef mask = CGImageCreate(CGImageGetWidth(maskRef),
                                    CGImageGetHeight(maskRef),
                                    CGImageGetBitsPerComponent(maskRef),
                                    CGImageGetBitsPerPixel(maskRef),
                                    CGImageGetBytesPerRow(maskRef),
                                    CGColorSpaceCreateDeviceGray(),
                                    bitmapInfo,
                                    CGImageGetDataProvider(maskRef),
                                    nil, 
                                    NO, 
                                    renderingIntent);


    CGImageRef masked = CGImageCreateWithMask([image CGImage], mask);

    CGImageRelease(mask);
    CGImageRelease(maskRef);

    return [UIImage imageWithCGImage:masked];
}

步骤3:通过以下方法将反转掩码设置为UIView

- (void)maskWithImage:(UIImage*) maskImage TargetView:(UIView*) targetView {
    CALayer *_maskingLayer = [CALayer layer];
    _maskingLayer.frame = targetView.bounds;
    [_maskingLayer setContents:(id)[maskImage CGImage]];
    [targetView.layer setMask:_maskingLayer];
}

成品.

怎么打电话？

UIImage* targetImage = [UIImage imageNamed:@"sky_bg.png"];
UIImage* mask = [UIImage imageNamed:@"mask01.png"];

UIImage* invertMask = [self createInvertMask:mask withTargetImage:targetImage];

[self maskWithImage:invertMask TargetView:targetview];

Answer 2

您需要反转蒙版的 Alpha，因此“孔”就是透明像素。您还需要拉伸图像以覆盖整个红色视图。