CAGradientLayer 浅析
博客专区 > 初探 的博客 > 博客详情
CAGradientLayer 浅析
初探 发表于2年前
CAGradientLayer 浅析
  • 发表于 2年前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: CAGradientLayer 继承自CALayer,主要用于绘制渐变色的场合。

CAGradientLayer 继承自CALayer,主要用于绘制渐变色的场合。

坐标系系统:

看下面的例子:

声明属性:

@property (nonatomic, strong) CAGradientLayer * gradientLayer;

在ViewDidLoad中添加如下代码:

self.gradientLayer = [CAGradientLayer layer];
[self.gradientLayer setFrame:CGRectMake(0, 0, 200, 200)];
[self.gradientLayer setPosition:self.view.center];
[self.gradientLayer setBorderWidth:2.0f];  
[self.view.layer addSublayer:self.gradientLayer];
//设置渐变颜色
[self.gradientLayer setColors:@[(__bridge id)[UIColor yellowColor].CGColor,
                                (__bridge id)[UIColor blueColor].CGColor,
                                    ]];
//渐变方向设置
[self.gradientLayer setStartPoint:CGPointMake(0, 0)];
[self.gradientLayer setEndPoint:CGPointMake(1, 0)];
    
//渐变分割点设置
[self.gradientLayer setLocations:@[@(0.5),@(1.0)]];

效果图如下:

注:在设置颜色渐变的时候至少要对CAGradientLayer的colors属性设置两种颜色(透明色也算一种颜色)



共有 人打赏支持
粉丝 0
博文 7
码字总数 1593
×
初探
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: