CAGradientLayer

最新推荐文章于 2017-07-04 20:28:00 发布

winfred_zen

最新推荐文章于 2017-07-04 20:28:00 发布

阅读量1.2k

点赞数

分类专栏： # iOS CALayer 文章标签： CAGradientLayer 渐变

本文链接：https://blog.csdn.net/u014084081/article/details/37565217

版权

iOS CALayer 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

参考此处：http://www.cnblogs.com/YouXianMing/p/3793913.html#2977749

CAGradientLayer用一个简单的线性渐变覆盖它的背景。渐变定义和Core Graphic中的渐变一样，一个位置数组和一个对应的颜色数组，以及一个开始点和结束点。为了剪裁渐变，可以把一个遮罩（mask）添加到CAGradientLayer中。

Colors数组需要CGColor，不是UIColor。但是CGColorRef不是一个对象类型，而NSArray需要对象，所以为了通过编译，可能需要类型转换（为id），至少对数组的第一项进行转换。

    self.view.backgroundColor = [UIColor blackColor];
    
    colorLayer = [CAGradientLayer layer];
    colorLayer.backgroundColor = [UIColor blueColor].CGColor;
    colorLayer.frame    = (CGRect){CGPointZero, CGSizeMake(200, 200)};
    colorLayer.position = self.view.center;
    [self.view.layer addSublayer:colorLayer];
    
    // 颜色分配
    colorLayer.colors = @[(__bridge id)[UIColor redColor].CGColor,
                          (__bridge id)[UIColor whiteColor].CGColor,
                          (__bridge id)[UIColor redColor].CGColor];
    colorLayer.locations  = @[@(-0.2), @(-0.1), @(0)];
    
    // 起始点
    colorLayer.startPoint = CGPointMake(0, 0);
    
    // 结束点
    colorLayer.endPoint   = CGPointMake(1, 0);
    
    CAShapeLayer *circle = [ViewController LayerWithCircleCenter:CGPointMake(102, 100)
                                                              radius:80
                                                          startAngle:DEGREES(0)
                                                            endAngle:DEGREES(360)
                                                           clockwise:YES
                                                     lineDashPattern:nil];
    circle.strokeColor = [UIColor redColor].CGColor;
    [self.view.layer addSublayer:circle];
    circle.strokeEnd = 1.f;
    colorLayer.mask = circle;
    
 
    NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(timerMethod) userInfo:nil repeats:YES];
    [timer fire];

- (void)timerMethod
{
    static int i = 0;
    if (i++ % 2 == 0)
    {
        CABasicAnimation* fadeAnim = [CABasicAnimation animationWithKeyPath:@"locations"];
        fadeAnim.fromValue = @[@(-0.2), @(-0.1), @(0)];
        fadeAnim.toValue   = @[@(1.0), @(1.1), @(1.2)];
        fadeAnim.duration  = 1.5;
        [colorLayer addAnimation:fadeAnim forKey:nil];
    }
}