CAGradientLayer

CAGradientLayer可以方便的进行一些颜色渐变处理;

1、 @property(copy) NSArray *colors;

理解:渐变颜色数组;

例如:

CAGradientLayer *gradientLayer1 =  [CAGradientLayer layer];
[gradientLayer1 setColors:[NSArray arrayWithObjects:(id)[[[UIColor blackColor] colorWithAlphaComponent:1] CGColor],
(id)[[[UIColor yellowColor] colorWithAlphaComponent:1] CGColor],(id)[[[UIColor blueColor] colorWithAlphaComponent:1] CGColor],(id)[[UIColor clearColor] CGColor],nil]];

2、 @property(copy) NSArray *locations;

理解:颜色渐变的区间分布,locations的数组长度和color一致,这个值一般不用设置,默认为nil,会平均分布。

例如:

[gradientLayer1 setLocations:[NSArray arrayWithObjects:
                             [NSNumber numberWithFloat:0.0],
                             [NSNumber numberWithFloat:0.3],
                             [NSNumber numberWithFloat:0.8],
                             [NSNumber numberWithFloat:1.0],
                             nil]];
注意:这几个数字在0到1之间单调递增。

3、 @property CGPoint startPoint;

理解:映射locations中第一个位置,用单位想量表示,比如(0,0)表示从左上角开始变化。默认值为(0.5,0.0);

例如:

[gradientLayer1 setStartPoint:CGPointMake(0, 0.5)];

4、 @property CGPoint endPoint;

理解:映射locations中最后一个位置,用单位向量表示,比如(1,1)表示刀右下角变化结束。默认值为(0.5,1.0);

例如:

[gradientLayer1 setEndPoint:CGPointMake(1, 0.5)];

5、 @property(copy) NSString *type;

理解:默认值是 kCAGradientLayerAxial,表示按像素均匀变化。除了默认值也无其他选项。

demo:

- (void)initView{
    CAGradientLayer *gradientLayer1 =  [CAGradientLayer layer];
    [gradientLayer1 setColors:[NSArray arrayWithObjects:
                               (id)[[[UIColor blackColor] colorWithAlphaComponent:1] CGColor],
                               (id)[[[UIColor yellowColor] colorWithAlphaComponent:1] CGColor],
                               (id)[[[UIColor blueColor] colorWithAlphaComponent:1] CGColor],
                               (id)[[UIColor clearColor] CGColor],
                               nil]];
    gradientLayer1.frame = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
    [gradientLayer1 setLocations:[NSArray arrayWithObjects:
                                  [NSNumber numberWithFloat:0.0],
                                  [NSNumber numberWithFloat:0.3],
                                  [NSNumber numberWithFloat:0.8],
                                  [NSNumber numberWithFloat:1.0],
                                  nil]];
    [gradientLayer1 setStartPoint:CGPointMake(0, 0.5)];
    [gradientLayer1 setEndPoint:CGPointMake(1, 0.5)];
    [self.layer addSublayer:gradientLayer1];
}

CAGradientLayer_第1张图片

你可能感兴趣的:(UI,颜色,渐变,CAGradient)