美文网首页
CAGradientLayer 实现颜色渐变

CAGradientLayer 实现颜色渐变

作者: 伯牙呀 | 来源:发表于2017-04-07 16:57 被阅读67次
iOS颜色渐变层:

代码:

CAGradientLayer *gradientLayer = [CAGradientLayer layer];
gradientLayer.frame = CGRectMake(0, 0, 200, 200);
[self.view.layer addSublayer:gradientLayer];
    
// 颜色分配
gradientLayer.colors = @[
                         (__bridge id)[UIColor redColor].CGColor,
                         (__bridge id)[UIColor greenColor].CGColor,
                         (__bridge id)[UIColor blueColor].CGColor
                         ];
// 颜色分割线
gradientLayer.locations = @[@0.25, @0.5, @0.75];
// 起始点
gradientLayer.startPoint = CGPointMake(0, 0);
// 结束点
gradientLayer.endPoint = CGPointMake(1, 0);

效果:


渐变效果
CAGradientLayer 属性

1、iOS中Layer的坐标系统:


Layer的坐标系统

颜色分配严格遵守Layer的坐标系统,locationsstartPointendPointc都是以Layer坐标系统进行计算的。

2、CAGradientLayerCALayer 的一个特殊子类,用于生成颜色渐变的图层,使用较为方便,下面介绍下它的相关属性:

  • colors:渐变的颜色(数组)

  • locations:渐变颜色的分割点(数组)

    locations
    locations 并不是表示颜色值所在位置,它表示的是颜色在Layer坐标系相对位置处要开始进行渐变颜色了。
  • startPoint & endPoint:颜色渐变的方向,范围在 (0,0) 与 (1.0,1.0) 之间,如 (0,0) 和 (1,0) 代表水平方向渐变,(0,0) 和 (0,1.0) 代表竖直方向渐变。

相关文章

  • iOS 基于CALayer实现颜色渐变

    此工具是基于CALayer的子类CAGradientLayer实现 水平颜色渐变 或 垂直颜色渐变实现方法简单易懂...

  • iOS 绘制渐变·实例篇

    级别: ★★☆☆☆标签:「iOS颜色渐变」「CAGradientLayer渐变」「CAGradientLayer」...

  • iOS 绘制渐变·基础篇

    级别: ★★☆☆☆标签:「iOS颜色渐变」「CAGradientLayer渐变」「CAGradientLayer」...

  • CAGradientLayer 实现颜色渐变

    iOS颜色渐变层: 代码: 效果: CAGradientLayer 属性 1、iOS中Layer的坐标系统: 颜色...

  • CAGradientLayer实现渐变颜色

    CAGradientLayer是用来生成两种或更多颜色平滑渐变的。用Core Graphics复制一个CAGrad...

  • CALayer

    CAGradientLayer 渐变色遮罩 CAGradientLayer用来绘制渐变色,指定几个颜色值、渐变结束...

  • CAGradientLayer的使用

    CAGradientLayer是CALayer的子类,它经常用来实现颜色渐变,可以翻译为:渐变图层;gradien...

  • iOS渐变的文字

    CAGradientLayer CAGradientLayer可以方便的处理颜色渐变。@property(null...

  • swift4.0 颜色渐变

    //颜色渐变 functurquoiseColor() ->CAGradientLayer{ lett...

  • CAGradientLayer颜色渐变

    CAGradientLayer制作颜色渐变效果,常于CAShapeLayer结合使用。CAShapeLayer...

网友评论

      本文标题:CAGradientLayer 实现颜色渐变

      本文链接:https://www.haomeiwen.com/subject/ynihattx.html