iOS上にグラデーションを含むパスを塗りつぶし

Question

CAShapeLayerに、私は閉じたUIBezierPathを描画しました。私はfillColorを設定することでこの図形を塗りつぶすことができますが、図形をグラデーションで塗りつぶしたいと思います。 CAGradientLayerをベジェパスで輪郭が描かれた図形にクリップするように設定するにはどうすればよいですか？

Answer 1

あなたが望むのはマスクです。

[gradientLayer setMask:shapeLayer];

Answer 2

ドラフトの例次のようになります。：

... 
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); 

...