在 a 上CAShapeLayer
,我画了一个封闭的UIBezierPath
. 我可以通过设置来填充这个形状fillColor
,但是我想用渐变填充这个形状。如何设置CAGradientLayer
它以使其剪辑到贝塞尔路径所勾勒的形状?
问问题
10837 次
2 回答
20
一个草稿示例如下:
...
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef context = UIGraphicsGetCurrentContext();
UIColor *gradientColor = [UIColor colorWithRed:0.51 green:0.0 blue:0.49 alpha:1.0];
NSArray *gradientColors = [NSArray arrayWithObjects:
(id)[UIColor blueColor].CGColor,
(id)gradientColor.CGColor,
(id)[UIColor redColor].CGColor, nil];
CGFloat gradientLocations[] = {0, 0.5, 1};
CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (CFArrayRef)gradientColors, gradientLocations);
UIBezierPath *roundedRectanglePath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 200, 200) cornerRadius:6];
CGContextSaveGState(context);
[roundedRectanglePath fill];
[roundedRectanglePath addClip];
CGContextDrawLinearGradient(context, gradient, CGPointMake(10, 10), CGPointMake(210, 10), 0);
CGColorSpaceRelease(colorSpace);
CGGradientRelease(gradient);
...
于 2012-04-06T14:43:59.527 回答
6
你想要的是一个面具。CAGradientlayer 有一个 -setMask 方法,可以将其剪辑到形状的边界,如下所示:
[gradientLayer setMask:shapeLayer];
于 2012-04-06T14:33:05.527 回答