创建径向渐变蒙版以在图片中创建一个洞

Question

我想创建一个径向渐变蒙版在图片上创建一个洞，这样你就可以看穿图片了。我创建了一个带有孔的叠加图像，下面的图像是可见的，如下所示：

我能够使用 CGImageMaskCreate() 成功创建此图像。但是由于 CGImageMaskCreate() 在 iOS 10.0 中的异常行为，我正在寻找其他解决方案。

其中一个解决方案是使用 UIView maskView 属性创建图像遮罩。我能够使用 maskView 编写用于创建上述图像效果的代码。但是它没有给出正确的结果。

我对 Core Graphics 不是很好，也许这就是为什么我无法弄清楚我哪里出错了。我的代码是：

CGRect rect = CGRectMake(0.0, 0.0, self.view.bounds.size.width, self.view.bounds.size.height);
CGSize size = self.view.bounds.size;
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGFloat radius = 160.0;
CGPoint center = CGPointMake(150.0, 150.0);
CGFloat components[] = {1.0,1.0,1.0,1.0,   1.0,1.0,1.0,1.0,    1.0,1.0,1.0,1.0,     1.0,1.0,1.0,1.0,    1.0,1.0,1.0,0.5,    1.0,1.0,1.0,0.0};
CGFloat locations[] = {0.0, 0.1, 0.2, 0.8, 0.9, 1.0};

//creating bitmap context
CGContextRef context = CGBitmapContextCreate(NULL, size.width, size.height, 8, size.width*4, colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrder32Big);
//creating gradient
CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, components, locations, 6);
CGContextDrawRadialGradient(context, gradient, center, 0.1, center, radius, 0);
//get the gradient image
CGImageRef imageHole = CGBitmapContextCreateImage(context);
UIImage *img = [UIImage imageWithCGImage:imageHole];
CGGradientRelease(gradient);

//creating mask view whose alpha channels will be used for masking
UIImageView *maskImgView = [[UIImageView alloc] initWithFrame:CGRectMake(50.0, 50.0, 100.0, 100.0)];
[maskImgView setImage:img];

//This is the view on which I want to perform masking
UIImageView *mainView = [[UIImageView alloc] initWithFrame:self.view.bounds];
[mainView setImage:[UIImage imageNamed:@"insta-logo.png"]];
mainView.maskView = maskImgView;
[self.view addSubview:mainView];

这是我得到的结果：

所使用的图像完全用红色填充。我希望生成的图像在渐变区域中是透明的，以便您可以穿过它，我希望该区域的其余部分为红色，以保持图像其余部分的不透明度，就像我发布的第一张图片一样。

我想使用 maskView 属性创建此效果，因为 CAShapeLayer 和 CGImageMaskCreate() 在 iOS 10 及更高版本中遇到了异常行为.

任何建议都会很有帮助。谢谢。

Answer 1

我认为你描述的是这样的：

如您所见，我在图像视图中打了一个 radial-gradient 孔，让黄色背景显示出来。

这是怎么做到的？它是一个 CIFilter ("CIRadialGradient")，具有清晰和黑色的颜色值，用作图像视图的 mask。

创建径向渐变蒙版以在图片中创建一个洞

Create a radial gradient mask to create a hole in the picture

core-graphics

objective-c

ios

image-masking

ios10