iOS CAGradientLayer 实现渐变色

先说一给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);

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

发布了93 篇原创文章 · 获赞 21 · 访问量 25万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览