分时图

使用CAGradientLayer绘制渐变色

2016-04-08  本文已影响109人  A_SJP

CALayer的基本的两个属性:

1、position:用来设置CALayer在父层中的位置,以父层的左上角为原点(0,0)

2、anchorPoint:决定着CALayer身上的哪个点会在position属性所指的位置,取值范围(0,1)

CALayer的坐标系

CAGradientLayer:

属性:

colors:颜色数组

locations:设置每个颜色对应的起始点

startPoint:渐变开始的位置

endPoint:渐变结束的位置

type:只有默认值,可不设置

UIView *gradientView = [[UIViewalloc]initWithFrame:CGRectMake(0,

100,

375,

64)];

CAGradientLayer *gradientLayer = [CAGradientLayerlayer];

gradientLayer.frame = gradientView.bounds;

gradientLayer.colors = @[(__bridgeid)[UIColorblackColor].CGColor,

(__bridgeid)[UIColorclearColor].CGColor];

//对应每个颜色开始的位置

gradientLayer.locations = @[@(-2),@(1)];

//从上到下延展

gradientLayer.startPoint = CGPointMake(0, 0);

gradientLayer.endPoint = CGPointMake(0, 1);

gradientLayer.type = kCAGradientLayerAxial;

[gradientView.layeraddSublayer:gradientLayer];

[self.viewaddSubview:gradientView];

效果如下:

运行后的效果图
上一篇下一篇

猜你喜欢

热点阅读