IOS 绘制 之渐变

转自:http://www.jianshu.com/p/f80ef6219d6b

分为线性渐变和径向渐变
一 创建颜色空间
二 创建渐变
三 设置裁剪区域
四 绘制渐变
五 释放对象

线性渐变

#pragma mark 线性渐变
- (void)drawGradient:(CGContextRef)context
{
    //步骤：
        /*
         一  创建颜色空间
         二  创建渐变
         三  设置裁剪区域
         四  绘制渐变
         五  释放对象
         */

    //绘制渐变

    //在计算机设置中，直接选择rgb即可，其他颜色空间暂时不用考虑。
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

    //1.创建渐变
    /*
     1.<#CGColorSpaceRef space#> : 颜色空间 rgb
     2.<#const CGFloat *components#> ： 数组 每四个一组 表示一个颜色 ｛r,g,b,a ,r,g,b,a｝
     3.<#const CGFloat *locations#>:表示渐变的开始位置

     */
    CGFloat components[8] = {1.0,0.0,0.0,1.0,1.0,1.0,1.0,1.0};
    CGFloat locations[2] = {0.0,1.0};

    CGGradientRef gradient=CGGradientCreateWithColorComponents(colorSpace, components, locations, 2);
    //渐变区域裁剪
//    CGContextClipToRect(context, CGRectMake(0, 360, 200, 100));
    CGRect rect[5] = {CGRectMake(0, 0, 100, 100),CGRectMake(100, 100, 100, 100),CGRectMake(200, 0, 100, 100),CGRectMake(0, 200, 100, 100),CGRectMake(200, 200, 100, 100)};
    CGContextClipToRects(context, rect, 5);
    //绘制渐变
    CGContextDrawLinearGradient(context, gradient, CGPointMake(0.0, 0.0), CGPointMake(370, 460.0), kCGGradientDrawsAfterEndLocation);
    //释放对象
    CGColorSpaceRelease(colorSpace);
    CGGradientRelease(gradient);
}

径向渐变

#pragma mark 径向渐变
- (void)drawGradient2:(CGContextRef)context
{
    //步骤：
    /*
     一  创建颜色空间
     二  创建渐变
     三  设置裁剪区域
     四  绘制渐变
     五  释放对象
     */

    //绘制渐变

    //在计算机设置中，直接选择rgb即可，其他颜色空间暂时不用考虑。
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

    //1.创建渐变
    /*
     1.<#CGColorSpaceRef space#> : 颜色空间 rgb
     2.<#const CGFloat *components#> ： 数组 每四个一组 表示一个颜色 ｛r,g,b,a ,r,g,b,a｝
     3.<#const CGFloat *locations#>:表示渐变的开始位置

     */
    CGFloat components[8] = {1.0,0.0,0.0,1.0,1.0,1.0,1.0,1.0};
    CGFloat locations[2] = {0.3,1.0};

    CGGradientRef gradient=CGGradientCreateWithColorComponents(colorSpace, components, locations, 2);

    //绘制渐变
    /*
        参数：
        一 context
        二 gradient
        三 statCenter 起始中心点
        四 sartRadius 起始半径 指定为0  从圆心渐变  否则  中心位置不渐变
        五 endCenter  结束中心点（通常与起始专心点重合）
        六 endRadius  结束半径
        七 渐变填充方式

     */
    CGContextDrawRadialGradient(context, gradient, CGPointMake(160, 230), 10, CGPointMake(0, 100), 150,kCGGradientDrawsAfterEndLocation);

    //释放对象
    CGColorSpaceRelease(colorSpace);
    CGGradientRelease(gradient);

}