CAGradientLayer是CALayer的一个子类，用来生成渐变色的Layer。
CAGradientLayer有5个属性：
@property(nullable, copy) NSArray *colors; // CGColorRef数组，用来定义渐变节点颜色
@property(nullable, copy) NSArray<NSNumber *> *locations; // 存储每个渐变节点位置
@property CGPoint startPoint; // 渐变色的起始点
@property CGPoint endPoint; // 渐变色的结束点，和起始点共同能够成渐变方向
@property(copy) NSString *type; // 没什么意义，只能设置为axial
CAGradientLayer具体使用方法如下：
CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = view.bounds;
gradient.startPoint = CGPointMake(0, 0);
gradient.endPoint = CGPointMake(1, 1);
gradient.locations = @[@0.3, @0.5, @0.6];
gradient.colors = [NSArray arrayWithObjects:
(id)[UIColor redColor].CGColor,
(id)[UIColor greenColor].CGColor,
(id)[UIColor blueColor].CGColor,
nil];
最后把gradientadd到view.layer上就可以了，最终效果是这样的：
渐变色
但是这种方式用在UIButton上的时候就有点美中不足了，因为我们都希望一个Button在点击的时候会有高亮的效果，但在Button的Layer上又添加了一层gradient，就会导致点击的时候颜色无法改变，因此我们需要将CAGradientLayer转为UIImage，并通过
setBackgroundImage:(nullable UIImage *)image forState:(UIControlState)state方法设置上去就可以解决了。
通过CALayer创建UIImage：
- (UIImage *)imageFromLayer:(CALayer *)layer {
UIGraphicsBeginImageContextWithOptions(layer.frame.size, NO, 0);
[layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *outputImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return outputImage;
}
设置完之后按中时的效果：
高亮
