CAGradientLayer颜色的渐变（单色、多色、动画）

前言：

         随着App的开发和一些产品的干活，了解到产品扁平化有一种模式逐渐突出。这种模式在QQ、美颜相机等App里被使用。这种模式非常简单，但能够让用户有不同的感觉。

我们看看效果：

二、效果功能

  1、 可以单色渐变     2、多色渐变       3、在不同方向的渐变    4、可以动画渐变     5、可做加载进度条

三、代码如下

//

//  ViewController.m

//  颜色的渐变

//

//  Created by 周双建 on 16/4/20.

//  Copyright © 2016年 周双建. All rights reserved.

//

#import "ViewController.h"

@interface ViewController (){

    CGFloat test ;

    NSMutableArray * ColoersArray;

}

@property(strong,nonatomic) CAGradientLayer * GradientLayer ;

@property(strong,nonatomic) CAGradientLayer * MoreGradientLayer ;

@property(strong,nonatomic) CAGradientLayer * AnimationGradientLayer ;

@property(strong,nonatomic) CAGradientLayer * AnimationRoundGradientLayer ;

@property(strong,nonatomic) NSTimer * GradientTimer;

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    self.view.backgroundColor = [[UIColor whiteColor] colorWithAlphaComponent:1.0f];

#pragma mark 单色渐变

    [self singleGradient];

#pragma mark 多色渐变

    [self moreGradient];

#pragma mark 动画渐变

    [self animationGradient];

#pragma mark 圆圈渐变

    ColoersArray = [NSMutableArray arrayWithCapacity:0];

    [self roundGradient];

    

    // Do any additional setup after loading the view, typically from a nib.

}

-(void)singleGradient{

    // 初始化一个 CAGradientLayer 对象

    self.GradientLayer = [CAGradientLayer layer];

    // 设置CAGradientLayer 对象的大小

    self.GradientLayer.frame =CGRectMake(0, 70