绘图quartz之渐变

实现线性渐变   径向渐变

 

自己新建的view中有一个drawRect：（cgrect）rect方法

在这个方法里 可以通过画图 将内容显示在画板上（即最下边的view）

 

渐变的方式分两种  ：1种是线性渐变    1种是径向渐变

首先先看 线性渐变  

 

1 设置图像的上下文 

2 获得颜色空间  说明他是什么类型的颜色

3 设置开始颜色  结束颜色  并且将他们换成Cg颜色 

4 设置渐变   渐变的4个参数  没有的需要进行创建  2  3 

5 绘制线性渐变  绘制径向渐变

6清理creat创建的对象 用cg

// Drawing code
    //获得当前图形器的当前的上下文
    CGContextRef context  = UIGraphicsGetCurrentContext();
   
    //创建渐变的颜色空间类型是RGB颜色
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    //设置颜色的开始 颜色的结束
    UIColor *beginColor =  [UIColor redColor];
    //将颜色转换为cgColor//CGFloat是浮点型的基本数据类型
    CGFloat *beginC =CGColorGetComponents([beginColor CGColor]);
    UIColor *endColor = [UIColor yellowColor];
   
   
    CGFloat *endC = CGColorGetComponents([endColor CGColor]);
   
    //将两个颜色的元素加入到一个Cgfloat数组中
    CGFloat component[8] = {beginC[0],beginC[1],beginC[2],beginC[3],endC[0],endC[1],endC[2],endC[3]};
    //设定颜色的区间 区间范围是0 1  如果区间没有你要的颜色 就会执行靠近区间的颜色
    CGFloat location[2] ={0,1};
   
    //设置渐变

    CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, component, location, 2);

     //绘制直线渐变

    CGContextDrawLinearGradient(context, gradient, CGPointMake(100, 100), CGPointMake(200, 200), 0);

     //绘制径向渐变

    CGContextDrawRadialGradient(context, gradient, CGPointMake(300, 300), 50, CGPointMake(300, 300), 60, kCGGradientDrawsBeforeStartLocation);

 

    //清理
    CGColorSpaceRelease(colorSpace);

    CGGradientRelease(gradient);