ios - 圆形渐变

Question

我搜索了又搜索，但似乎无法在下面的屏幕截图中找到能给我带来效果的代码:

http://i.stack.imgur.com/MPAiA.png

我已经设法绘制了圆圈并获得了一个简单的从上到下的渐变效果，但我无法理解如何获得下面的效果，非常感谢所有帮助。

这是让我得到一个简单的从上到下渐变的原因:

CGColorSpaceRef baseSpace = CGColorSpaceCreateDeviceRGB();
CGGradientRef gradient = CGGradientCreateWithColorComponents(baseSpace, colors, NULL, 2);
CGColorSpaceRelease(baseSpace), baseSpace = NULL;

CGContextRef context = UIGraphicsGetCurrentContext();

CGContextSaveGState(context);
CGContextAddEllipseInRect(context, rect);
CGContextClip(context);

CGPoint startPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect));
CGPoint endPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));

CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, 0);
CGGradientRelease(gradient), gradient = NULL;

CGContextRestoreGState(context);

CGContextAddEllipseInRect(context, rect);
CGContextDrawPath(context, kCGPathStroke);

Answer 1

所以你想要一个径向渐变。但是您正在绘制线性渐变。这很愚蠢。想要径向渐变就画径向渐变!

https://developer.apple.com/library/ios/documentation/graphicsimaging/reference/CGContext/Reference/reference.html#//apple_ref/c/func/CGContextDrawRadialGradient

另一种可能性(相当简单)是使用 CIFilter 绘制径向渐变:

https://developer.apple.com/library/mac/documentation/graphicsimaging/reference/CoreImageFilterReference/Reference/reference.html#//apple_ref/doc/filter/ci/CIRadialGradient