ios - 如何向上下文添加透明渐变蒙版

Question

我正在使用 quartz 2d 绘制饼图。

我使用图层在底部绘制了饼图的倒影。

我想为反射添加一个透明的 alpha 渐变，使其变得越来越透明，直到它变得不可见。

有人有想法吗？

@编辑:更多细节 我的饼图在 CGLayerRef 中。

我首先将这一层绘制到 CGContextRef。 然后我做一个

CGContextTranslateCTM(context, 0, rect.size.height);
CGContextScaleCTM(context, 1.0, -1.0);

颠倒过来。

然后我重新绘制图层

提前致谢

洛奇

Answer 1

您需要使用图像 mask 。您可以通过在位图上下文中绘制渐变来制作蒙版:

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray();
CGContextRef gc = CGBitmapContextCreate(NULL, rect.size.width, rect.size.height, 8, rect.size.width, colorSpace, kCGImageAlphaNone);
CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef)[NSArray arrayWithObjects:(__bridge id)[UIColor whiteColor].CGColor, (__bridge id)[UIColor blackColor].CGColor, nil], NULL);
CGColorSpaceRelease(colorSpace);
CGContextDrawLinearGradient(gc, gradient, CGPointMake(0, 0), CGPointMake(0, rect.size.height), 0);
CGGradientRelease(gradient);
CGImageRef mask = CGBitmapContextCreateImage(gc);
CGContextRelease(gc);

(如果您不使用 ARC，请删除 __bridge。)

然后你可以在绘制图像之前使用 mask :

CGContextTranslateCTM(context, 0, rect.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextClipToMask(context, rect, mask);

完成后不要忘记松开 mask 。