Core Graphices 设置渐变

Core Graphices 设置渐变

Quartz 提供了两种设置渐变的方式  CGShadingRef and CGGradientRef

尝试CGGradientRef 的使用

import <UIKit/UIKit.h>

@interface GradientDemoA : UIView

@property (nonatomic,copy,nonnull)NSArray *colorArray;
@property (nonatomic,copy,nonnull) NSArray *locations;
@property (nonatomic,assign)CGPoint startPoint;
@property (nonatomic,assign)CGPoint endPoint;

- (void)showViewWithColorArray:(NSArray * _Nullable)colorArray GradientLocations:(NSArray * _Nullable)loc startPoint:(CGPoint)startPoint endPoint:(CGPoint)endPoint;
@end

#import "GradientDemoA.h"

@implementation GradientDemoA

- (instancetype)initWithFrame:(CGRect)frame{

    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor whiteColor];
    }
    return self;
}

- (void)showViewWithColorArray:(NSArray *)colorArray GradientLocations:( NSArray *)loc startPoint:(CGPoint)startPoint endPoint:(CGPoint)endPoint{

    self.colorArray = colorArray;
    self.locations = loc;
    self.startPoint = startPoint;
    self.endPoint = endPoint;
    [self setNeedsDisplay];
}

- (void)drawRect:(CGRect)rect {

    CGContextRef context = UIGraphicsGetCurrentContext();

    CGColorSpaceRef colorSpace  = CGColorSpaceCreateDeviceRGB();
    CGGradientRef gradient;
    size_t num_location = self.colorArray.count;

    CGFloat components[self.colorArray.count*];

    for (int i=; i<self.colorArray.count; i++) {
        CGFloat *colorComponents = (CGFloat *)CGColorGetComponents(((UIColor *)self.colorArray[i]).CGColor);
        components[+i*] = colorComponents[];
        components[+i*] = colorComponents[];
        components[+i*] = colorComponents[];
        components[+i*] = colorComponents[];

    }

    CGFloat gendientLocations[self.locations.count];

    for (int j= ; j<self.locations.count; j++) {

        gendientLocations[j] = (CGFloat)([self.locations[j] doubleValue]);
    }

//    参数的意义
    /*

     颜色空间
     components  cgfloat 数组  RGB的颜色值
     {
        red1，green1，blue1，alpha1，
        red2，green2，blue2，alpha2，
        ...
     }
     gendientLocations  颜色渐变的点

    CGFloat gendientLocation[2] = {0.0,.......,1.0};

     num_location  颜色渐变点的个数；
     */

    gradient =  CGGradientCreateWithColorComponents(colorSpace, components, gendientLocations, num_location);

    /*
       开始点与结束点的tan值决定了渐变的角度；
     **/

//    CGContextDrawLinearGradient(context, gradient, self.startPoint, self.endPoint, kCGGradientDrawsBeforeStartLocation);

    CGContextDrawRadialGradient(context, gradient, CGPointMake(, ), , CGPointMake(, ), , kCGGradientDrawsAfterEndLocation);

    CGGradientRelease(gradient);

}

@end

参数更具体的意义请查看：

http://blog.csdn.net/u012890117/article/details/17606755

https://developer.apple.com/library/content/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_shadings/dq_shadings.html#//apple_ref/doc/uid/TP30001066-CH207-TPXREF101

测试代码：
- (void)gradientColor{
    GradientDemoA *my = [[GradientDemoA alloc] initWithFrame:CGRectMake(, , , )];

    [my showViewWithColorArray:@[[[UIColor redColor] colorWithAlphaComponent:1.0],[[UIColor redColor] colorWithAlphaComponent:0.0],[[UIColor redColor] colorWithAlphaComponent:0.8]] GradientLocations: @[@(0.1),@0.5,@(0.8)] startPoint:CGPointMake(,) endPoint:CGPointMake(, )];

    [self.view addSubview:my];
}

图1：

图2：