iOS CAGradientLayer 实现渐变色

来源：互联网发布：阴阳师网络剧编辑：程序博客网时间：2024/05/29 03:19

先说一给layer添加下渐变色的原理,渐变色使用的类是CAGradientLayer

有两个要素，渐变颜色的起点和终点、渐变的颜色集合

    //设置渐变颜色    CAGradientLayer *gradientLayer =  [CAGradientLayer layer];    gradientLayer.frame = view.bounds;    [gradientLayer setColors:[NSArray arrayWithObjects:(id)[RGB(139, 48, 164) CGColor],(id)[RGB(61, 189, 255) CGColor],(id)[RGB(37, 182, 82) CGColor], nil]];    [view.layer addSublayer:gradientLayer];

效果如下图左：

在没有设置起点和终点的情况下默认颜色显示方向从上到下；

现在设置一下起点和终点，效果如上又图

    gradientLayer.startPoint = CGPointMake(0, 0);    gradientLayer.endPoint = CGPointMake(1, 1);

当起点设置成左上角，终点设置成右下角时，渐变色的方向变为从左上角方向开始，到右下角结束；

0 0