美文网首页
颜色渐变

颜色渐变

作者: 芝麻绿豆 | 来源:发表于2020-07-21 17:37 被阅读0次

在view的layer上添加一个渐变的layer

    CAGradientLayer *layer = [CAGradientLayer new];
    //colors存放渐变的颜色的数组
    layer.colors=@[(__bridge id)[UIColor redColor].CGColor,(__bridge id)[UIColor whiteColor].CGColor];
    /*** 起点和终点表示的坐标系位置,(0,0)表示左上角,(1,1)表示右下角     */
    layer.startPoint = CGPointMake(0.4, 0.4);
    layer.endPoint = CGPointMake(0.4, 0.41);
    layer.frame = self.bounds;
    self.color_layer = layer;
    [self.layer addSublayer:self.color_layer];

渐变过程加一个动画

    CABasicAnimation *gradient = [CABasicAnimation animationWithKeyPath:@"locations"];
    gradient.duration = 4.0;
//    gradient.fillMode = kCAFillModeForwards;
    gradient.fromValue = @[@(0),@(0)];
    gradient.toValue = @[@(0.2),@(1)];
    gradient.removedOnCompletion = NO;
    gradient.repeatCount = 1;
    [self.color_layer addAnimation:gradient forKey:nil];

相关文章

  • 颜色渐变/渐变高亮/背景颜色渐变

    background: linear-gradient(to right, #ff6034, #ee0a24); ...

  • 7.2.2 实战:用实色渐变制作水晶按钮

    1、选择渐变颜色,渐变工具 2、打开渐变编辑器 3、调整渐变颜色,拖动色标,改变颜色位置 4、拖动动点改变颜色的混...

  • 颜色渐变

    var mesh = creatGradPlane(0,0,0, 100,100, [[0, '#fcc'], [...

  • 颜色渐变

    颜色透明渐变效果 参考链接:UIView 的渐变色呈现CAGradientLayer的一些属性解析

  • 颜色渐变

    线性渐变:background : linear-gradient(起始颜色到结束颜色) 还可以指定角度 默认是从...

  • 颜色渐变

  • 颜色渐变

    在view的layer上添加一个渐变的layer 渐变过程加一个动画

  • CAGradientLayer

    1.startPoint 和 endPoint 颜色渐变方向(从左到右渐变) 2. locations 颜色渐变分...

  • 6.3.2 实战:用渐变填充图层制作蔚蓝晴空

    1、用快速选用工具,选取天空 2、新建一个渐变填充调整图层 3、调整渐变颜色 渐变颜色左 渐变颜色右 4、新建图层...

  • AI常用知识

    渐变颜色: 首先用选择工具选择图形,选择渐变工具,双击渐变工具打开渐变窗口,点击左上角色块启用渐变颜色,通...

网友评论

      本文标题:颜色渐变

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