黒から白へのグラディエントグラデーションは黒の画面全体を表示します

Question

コアグラフィックを使用して黒から白の放射グラデーションを作成するのは非常に簡単ですが、多くの試行の後でも私はどこに間違っているのかわかりません。

CGFloat radius = shapeRect.size.width/2.0; 
CGPoint center = CGPointMake(shapeRect.origin.x+shapeRect.size.width/2, shapeRect.origin.y+shapeRect.size.height/2); 

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray(); 
CGContextRef context = CGBitmapContextCreate(NULL, shapeRect.size.width, shapeRect.size.height, 8, shapeRect.size.width*4, colorSpace, kCGImageAlphaNone); 
CGFloat components[] = {0.0, 1.0}; 
CGFloat locations[] = {0.0, 1.0}; 
CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, components, locations, 2); 
CGContextDrawRadialGradient(context, gradient, center, 10, center, radius, 0); 

CGImageRef img = CGBitmapContextCreateImage(context); 
[maskedView setImage:[UIImage imageWithCGImage:img]]; 

CGGradientRelease(gradient); 
CGContextRelease(context); 
CGColorSpaceRelease(colorSpace); 

ここShapeRect self.view境界を持っています

これは私のコードです：

は、私はこのような何かをしたいです。

出力としてグラデーションのない黒い画面が表示されています。 iPhone 7シミュレータを使用しています。

あなたの提案が

ありがとう私の一日保存することができます。

Answer 1

このスニペットを確認してください。 componentsとlocationsの値を変更して、あなたが望むものが得られ、図面の仕組みを理解することができます。 CGGradientCreateWithColorComponentsdescription

#import "TestView.h" 

@implementation TestView { 
    CGGradientRef _gradient; 
} 

-(void)drawRect:(CGRect)rect 
{ 
    CGFloat radius = self.frame.size.width/2.0; 
    CGPoint center = CGPointMake(CGRectGetMidX(self.bounds), CGRectGetMidY(self.bounds)); 

    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGGradientRef gradient = [self createGradient]; 
    CGContextDrawRadialGradient(context, gradient, center, 10, center, radius, kCGGradientDrawsBeforeStartLocation); 
} 

-(CGGradientRef)createGradient 
{ 
    if (!_gradient) { 
     CGFloat components[] = { 0.0, 1.0, 0.5, 0.5, 1.0, 0.3 }; 
     CGFloat locations[] = { 0.0, 0.6, 1.0 }; 
     CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray(); 
     _gradient = CGGradientCreateWithColorComponents(colorSpace, components, locations, 3); 
     CGColorSpaceRelease(colorSpace); 
    } 
    return _gradient; 
} 

- (void)layoutSubviews 
{ 
    self.backgroundColor = [UIColor whiteColor]; 
    self.layer.borderColor = [UIColor lightGrayColor].CGColor; 
    self.layer.borderWidth = 1.; 
} 


@end 

結果を参照してください：