CAGradientLayer颜色渐变—笔记

CAGradientLayer是用来生成两种或更多颜色平滑渐变的。用Core Graphics复制一个CAGradientLayer并将内容绘制到一个普通图层的寄宿图也是有可能的,但是CAGradientLayer的真正好处在于绘制使用了硬件加速。

1.基础渐变

我们将从一个简单的红变蓝的对角线渐变开始。这些渐变色彩放在一个数组中,并赋给colors属性。这个数组成员接受CGColorRef类型的值(并不是从NSObject派生而来),所以我们要用通过bridge转换以确保编译正常。

CAGradientLayer也有startPointendPoint属性,他们决定了渐变的方向。这两个参数是以单位坐标系进行的定义,所以左上角坐标是{0, 0},右下角坐标是{1, 1}。

@interface ViewController ()

@property (nonatomic, weak) IBOutlet UIView *containerView;

@end

@implementation ViewController

– (void)viewDidLoad

{

  [super viewDidLoad];

  //create gradient layer and add it to our container view

  CAGradientLayer *gradientLayer = [CAGradientLayer layer];

  gradientLayer.frame = self.containerView.bounds;

  [self.containerView.layer addSublayer:gradientLayer];

  //set gradient colors

  gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor blueColor].CGColor];

  //set gradient start and end points

  gradientLayer.startPoint = CGPointMake(0, 0);

  gradientLayer.endPoint = CGPointMake(1, 1);

}

@end

效果:

4

2.多重渐变

colors属性可以包含很多颜色,所以创建一个彩虹一样的多重渐变也是很简单的。默认情况下,这些颜色在空间上均匀地被渲染,但是我们可以用locations属性来调整空间。locations属性是一个浮点数值的数组(以NSNumber包装)。这些浮点数定义了colors属性中每个不同颜色的位置,同样的,也是以单位坐标系进行标定。0.0代表着渐变的开始,1.0代表着结束。

locations数组并不是强制要求的,但是如果你给它赋值了就一定要确保locations的数组大小和colors数组大小一定要相同,否则你将会得到一个空白的渐变。

– (void)viewDidLoad {

  [super viewDidLoad];

  //create gradient layer and add it to our container view

  CAGradientLayer *gradientLayer = [CAGradientLayer layer];

  gradientLayer.frame = self.containerView.bounds;

  [self.containerView.layer addSublayer:gradientLayer];

  //set gradient colors

  gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id) [UIColor yellowColor].CGColor, (__bridge id)[UIColor greenColor].CGColor];

  //set locations

  gradientLayer.locations = @[@0.0, @0.25, @0.5];

  //set gradient start and end points

  gradientLayer.startPoint = CGPointMake(0, 0);

  gradientLayer.endPoint = CGPointMake(1, 1);

}

效果:

5

分享到: 更多
Separator image Posted in IOS.