以下代码绘制了一个半圆,其中包含从红色到绿色的渐变。 这不是我想要的。 我期望用渐变绘制宽度为5像素的弧。
任何有关我出错的地方的帮助都将不胜感激。
查尔斯
-(void) DrawRainbow {
// Create an arc path
float x = 150.0;
float y = 220.0;
float radius = 75.0;
float startAngle = M_PI;
float endAngle = 2*M_PI;
bool clockWise = false;
CGMutablePathRef path = CGPathCreateMutable();
CGPathAddArc(path, nil, x, y, radius, startAngle, endAngle, clockWise);
// Setup the gradient
size_t num_locations = 2;
CGFloat locations[2] = { 0.0, 1.0 };
CGFloat components[8] = {
1.0, 0.0, 0.0, 1.0, // Start color is red
0.0, 1.0, 0.0, 1.0 }; // End color is green
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGGradientRef gradientFill =
CGGradientCreateWithColorComponents (colorSpace, components,
locations, num_locations);
// setup gradient points
CGRect pathRect = CGPathGetBoundingBox(path);
CGPoint myStartPoint, myEndPoint;
myStartPoint.x = CGRectGetMinX(pathRect);
myStartPoint.y = CGRectGetMinY(pathRect);
myEndPoint.x = CGRectGetMaxX(pathRect);
myEndPoint.y = CGRectGetMinY(pathRect);
// draw the gradient
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context, 5.0);
CGContextAddPath(context, path);
CGContextSaveGState(context);
CGContextClip(context);
CGContextDrawLinearGradient (context, gradientFill,
myStartPoint, myEndPoint, 0);
CGContextRestoreGState(context);
CGGradientRelease(gradientFill);
CGColorSpaceRelease(colorSpace);
}
答案 0 :(得分:3)
我想你想要一个径向渐变。请参阅此Apple文档。
答案 1 :(得分:-3)
对我来说,产生的梯度看起来像燃料计的背景,因此径向梯度可能无法产生适当的效果。我对石英没有太多经验,但我的想法是用背景颜色填充椭圆。
radius -= 5.0;
CGRect rainbowArch = CGRectMake( x - radius, y - radius, 2 * radius, 2 * radius);
const CGFloat * bgComponents = CGColorGetComponents( self.backgroundColor.CGColor );
CGContextSetRGBFillColor(context, bgComponents[0], bgComponents[1], bgComponents[2], 1.0);
CGContextFillEllipseInRect( context, rainbowArch );
...
CGContextRestoreGState(context);
CGGradientRelease(gradientFill);
CGColorSpaceRelease(colorSpace);