CAGradientLayer渐变色的使用

最新推荐文章于 2024-08-08 09:19:15 发布

番薯大佬

最新推荐文章于 2024-08-08 09:19:15 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iOS 开发编码收集文章标签：渐变色 CAGradientLayer

本文链接：https://blog.youkuaiyun.com/potato512/article/details/84589734

iOS 开发编码收集专栏收录该内容

236 篇文章

订阅专栏

本文介绍如何使用CAGradientLayer在iOS应用中实现渐变色效果，包括创建CAGradientLayer对象、设置渐变色数组及颜色变化点，并通过代码示例展示具体实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用CAGradientLayer实现渐变色功能。

效果图
在这里插入图片描述

代码示例

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