美文网首页分时图
使用CAGradientLayer绘制渐变色

使用CAGradientLayer绘制渐变色

作者: A_SJP | 来源:发表于2016-04-08 12:58 被阅读109次

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

    效果如下:

    运行后的效果图

    相关文章

      网友评论

        本文标题:使用CAGradientLayer绘制渐变色

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