CAGradientLayer 实现颜色渐变效果简介

转载自：http://blog.csdn.net/ch_soft/article/details/7534542

自：注意:在使用此方法时，需加入框架QuartzCore/QuartzCore.h 并在头文件中加入下面的头文件  

#import <QuartzCore/QuartzCore.h>

下面是我个人看到的两种简便使用方法：

1.

达到的效果是：

CAGradientLayer简介：

CAGradientLayer可以方便的处理颜色渐变。

Properties：

@property(copy) NSArray *colors

渐变颜色的数组

 [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];

如上定义了四种颜色（最后一种是无色）。

@property(copy) NSArray *locations

渐变颜色的区间分布，locations的数组长度和color一致，这个值一般不用管它，默认是nil，会平均分布。

 [NSArray arrayWithObjects:[NSNumber numberWithFloat:0.0],
                           [NSNumber numberWithFloat:0.3],
                           [NSNumber numberWithFloat:0.8],
                           [NSNumber numberWithFloat:1.0],
                           nil];

注意这几个数字在0到1之间单调递增。

自我理解：（此处的意思是把左上角的点看作（0，0），右下角的点看作（1，1））

@property CGPoint startPoint

映射locations中第一个位置，用单位向量表示，比如（0，0）表示从左上角开始变化。默认值是(0.5,0.0)。

@property CGPoint endPoint

映射locations中最后一个位置，用单位向量表示，比如（1，1）表示到右下角变化结束。默认值是(0.5,1.0)。

@property(copy) NSString *type

默认值是kCAGradientLayerAxial，表示按像素均匀变化。除了默认值也无其它选项。

下面是我用上面的代码实现的最终效果，startPoint是（0，0），endPoint是（1，1）。