CAGradientLayer渐变色的使用

使用CAGradientLayer实现渐变色功能。

效果图

Snip20181128_1.png

代码示例

UIView *view = [[UIView alloc] initWithFrame:CGRectMake(20, 40, 200, 200)];
[self.view addSubview: view];

//  创建 CAGradientLayer 对象
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
//  设置 gradientLayer 的 Frame
gradientLayer.frame = myView.bounds;
//  创建渐变色数组，需要转换为CGColor颜色
gradientLayer.colors = @[(id)[UIColor yellowColor].CGColor, (id)[UIColor redColor].CGColor];
//  设置三种颜色变化点，取值范围 0.0~1.0
gradientLayer.locations = @[@(0.0f), @(1.0f)];
//  设置渐变颜色方向
//    gradientLayer.startPoint = CGPointMake(0, 0); // 左上
//    gradientLayer.endPoint = CGPointMake(0, 1); // 左下
//    gradientLayer.endPoint = CGPointMake(1, 0); // 右上
//    gradientLayer.endPoint = CGPointMake(1, 1); // 右下
gradientLayer.startPoint = CGPointMake(0, 1); // 左上
gradientLayer.endPoint = CGPointMake(1, 0); // 左上
//  添加渐变色到创建的 UIView 上去
[view.layer addSublayer:gradientLayer];