Core Animation －渐变色CAGradientLayer

最新推荐文章于 2021-08-04 08:58:24 发布

CodingFire

最新推荐文章于 2021-08-04 08:58:24 发布

阅读量913

点赞数

CC 4.0 BY-SA版权

分类专栏： Core Animation 文章标签：渐变色 CAGradient

本文链接：https://blog.csdn.net/CodingFire/article/details/51436802

Core Animation 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了如何使用CAGradientLayer创建从一种颜色平滑过渡到另一种颜色的效果，并演示了如何制作彩虹色渐变。通过设置startPoint和endPoint属性及colors数组实现线性和多重渐变。

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

由一个颜色过渡到另一个颜色，甚至直接作出彩虹的效果，这便是CAGradientLayer的作用，CAGradientLayer有startPoint和endPoint两个属性，分别是｛0，0｝和｛1，1｝：

 //create gradient layer and add it to our container view
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = self.containerView.bounds;
    [self.containerView.layer addSublayer:gradientLayer];
//set gradient colors
gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor blueColor].CGColor];
    //set gradient start and end points
    gradientLayer.startPoint = CGPointMake(0, 0);
    gradientLayer.endPoint = CGPointMake(1, 1);

除了渐变还有多重渐变这个概念，就是我上面说的彩虹色，当然，只要你愿意，彩虹色也是可以写出来的，设置locations这个属性：

    gradientLayer.locations = @[@0.0, @0.25, @0.5];

来给颜色进行分段，但是博主用了这个感觉并不好用，所以博主试着在gradientLayer.colors这个颜色数组中分别加入了彩虹的每一个颜色：

    //彩虹色
    gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor orangeColor].CGColor, (__bridge id)[UIColor yellowColor].CGColor, (__bridge id)[UIColor greenColor].CGColor, (__bridge id)[UIColor cyanColor].CGColor, (__bridge id)[UIColor blueColor].CGColor, (__bridge id)[UIColor purpleColor].CGColor];