如何将透明渐变蒙版添加到上下文中

时间:2011-11-23 01:47:36

标签: ios quartz-2d

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

我使用图层在底部绘制饼图的反射。

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

有人有想法吗?

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

我首先将此图层绘制到CGContextRef。 然后我做了

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

颠倒过来。

然后我画了一个新的时间

提前致谢,

卢瓦克

1 个答案:

答案 0 :(得分:14)

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

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。)

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

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

完成后不要忘记释放面具。