iOS开发之使用CAGradientLayer绘制渐变色

你们知道如何在 App 中绘制渐变色吗?如果不知道请往下看

最近在 App 开发过程中,遇到了渐变色的要求,费劲一番周折,终于解决,特来与大家分享!
绘制渐变色,需要用到 CoreAnimation 里面的一个类:CAGradientLayer,通过这个类,我们可以很方便的绘制渐变色。

下面我们就开始来绘制渐变色
1、创建一个 UIView:

- (void)viewDidLoad {
    [super viewDidLoad];
    //  创建 UIView 用来承载渐变色
    UIView *myView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 50, 200)];
    [self.view addSubview:myView];
}

2、创建渐变色颜色列表

    //  创建 CAGradientLayer 对象
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];

    //  设置 gradientLayer 的 Frame
    gradientLayer.frame = myView.bounds;

    //  创建渐变色数组,需要转换为CGColor颜色
    gradientLayer.colors = @[(id)[UIColor redColor].CGColor,
                             (id)[UIColor yellowColor].CGColor,
                             (id)[UIColor blueColor].CGColor];

    //  设置三种颜色变化点,取值范围 0.0~1.0
    gradientLayer.locations = @[@(0.1f) ,@(0.4f)];

    //  设置渐变颜色方向,左上点为(0,0), 右下点为(1,1)
    gradientLayer.startPoint = CGPointMake(0, 0);
    gradientLayer.endPoint = CGPointMake(0, 1);

    //  添加渐变色到创建的 UIView 上去
    [myView.layer addSublayer:gradientLayer];

这样就能得到如下结果:


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

相关阅读更多精彩内容

  • 目录: 主要绘图框架介绍 CALayer 绘图 贝塞尔曲线-UIBezierPath CALayer子类 补充:i...
    Ryan___阅读 1,812评论 1赞 9
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 16,770评论 4赞 61
  • 第十六章 生日宴会 威尔伯爵妹妹的生日宴会上,翟毅早早的就来了。一身剪裁得体的银灰色西装,白色的领带下端镶嵌...
    殇祁祁阅读 478评论 0赞 2
  • 圣诞节将近, 老父亲一个人在偌大的房间里忙来忙去准备过圣诞节。 电话响起: ——爸爸,今年的圣诞节我不回去跟你过了...
    不死鱼酱阅读 768评论 0赞 0
  • 即使是在人潮中,我第一眼看到的依然是你。即使是擦肩而过,你依然把我当做空气
    千寻千与阅读 202评论 0赞 1

友情链接更多精彩内容