使用CAGradientLayer绘制渐变色

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

效果如下:

运行后的效果图

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容