iOS quartzCore学习之Quartz 2D 绘制其他

1. 文字绘制

    NSString* str = @"sdsfsafsa";
    CGRect rect = CGRectMake(20, 50, 300, 300);
    UIFont* font = [UIFont systemFontOfSize:13];
    UIColor* color = [UIColor redColor];
    NSMutableParagraphStyle* style = [[NSMutableParagraphStyle alloc]init];
    NSTextAlignment align = NSTextAlignmentCenter;
    style.alignment = align;
    NSDictionary* attribute = @{NSFontAttributeName:font,
                                NSForegroundColorAttributeName:color,
                                NSParagraphStyleAttributeName:style};
    
    [str drawInRect:rect withAttributes:attribute];

2. 绘制渐变色

从前面的示例中我们可以看到如何设置填充颜色，事实上很多时候纯色的填充并不能满足我们的需求，例如有时候我们要绘制一些图形可能需要设置一个漂亮的背景，这个时候我们可能就会选择渐变填充方式。Quartz 2D的渐变方式分为两种：

a.线性渐变线：渐变色以直线方式从开始位置逐渐向结束位置渐变

b.径向渐变：以中心点为圆心从起始渐变色向四周辐射，直到终止渐变色

要做渐变则必须先设置从开始位置到结束位置的渐变颜色，做过photoshop的朋友相信对于渐变色设置并不陌生，只要在指定位置指定不同的颜色，剩下的事情交给系统处理即可，如下图在起始位置、3/10位置、结束位置指定了三种颜色就形成由三种颜色组成的渐变色：

另外，在iOS中绘制渐变还需要注意一点就是指定颜色空间，所谓颜色空间就是不同颜色在不同的维度上取值最终组成一种颜色的过程。就拿RGB来说，如果将红色、绿色、蓝色看成是x、y、z轴坐标系，那么在三个坐标上分别取0~255范围内的不同值则可以组成各类颜色。当然，不同颜色空间的“坐标系”也是不同的（也就是说颜色表示的方式是不同的），常用的颜色空间除了RGB还有CMYK（印刷业常用这种颜色模式）、Gray。

在使用Quartz 2D绘图时我们的颜色除了使用常规的方法（如何前面CGContextSetRGBFillColor(CGContextRef context, CGFloat red, CGFloat green, CGFloat blue, CGFloat alpha)方法）设置RGB和透明度外，有时还会遇到颜色参数是一个数组情况。如使用颜色空间填充时用到的CGContextSetFillColor(CGContextRef context, const CGFloat *components)方法，这个时候components数组中具体是如何存储颜色就要根据颜色空间而定，如果颜色空间使用RGB则数组中的元素四个为一组，分别是red（红）、green（绿）、blue（蓝）、alpha（透明度）；如果使用CMYK颜色空间，那么数组中的元素五个为一组，分别是cyan（青）、magenta（洋红）、yellow（黄）、black（黑）、alpha（透明度）。

下面的代码分别演示了两种渐变方式，具体渐变绘制函数参数代码中已经注释的很清楚了

- (void)drawLinearGradient:(CGContextRef)context{
    // 使用rgb颜色空间
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    /*指定渐变色
     space:颜色空间
     components:颜色数组,注意由于指定了RGB颜色空间，那么四个数组元素表示一个颜色（red、green、blue、alpha），
     如果有三个颜色则这个数组有4*3个元素
     locations:颜色所在位置（范围0~1），这个数组的个数不小于components中存放颜色的个数
     count:渐变个数，等于locations的个数
     */
    CGFloat comments[12] = {
        248.0/255.0,86.0/255.0,86.0/255.0,1,
        249.0/255.0,127.0/255.0,127.0/255.0,1,
        1.0,1.0,1.0,1.0
    };
    CGFloat locations[3] = {0,0.3,1};
    CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, comments, locations, 3);
    /*绘制线性渐变
     context:图形上下文
     gradient:渐变色
     startPoint:起始位置
     endPoint:终止位置
     options:绘制方式,kCGGradientDrawsBeforeStartLocation 开始位置之前就进行绘制，到结束位置之后不再绘制，
     kCGGradientDrawsAfterEndLocation开始位置之前不进行绘制，到结束点之后继续填充
     */
    CGContextDrawLinearGradient(context, gradient, CGPointMake(0, 0), CGPointMake(320, 300), kCGGradientDrawsAfterEndLocation);
    
    //释放颜色空间
    CGColorSpaceRelease(colorSpace);
}

效果如下

3.绘制图片

    UIImage* image = [UIImage imageNamed:@"home-center-btn-h"];
    [image drawInRect:CGRectMake(20, 50, 300, 300)];

　　效果如下：

4，给图片添加水印

- (UIImage*)drawImageAtImageContext{
    CGSize size = CGSizeMake(300, 188);
    // 开启图片上下文
    UIGraphicsBeginImageContext(size);
    
    UIImage* image = [UIImage imageNamed:@"home-center-btn-h"];
    [image drawInRect:CGRectMake(0, 0, 300, 188)];
    // 获取当前上下文 （图片）
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextMoveToPoint(context, 200, 178);
    CGContextAddLineToPoint(context, 270, 178);
    
    [[UIColor redColor]setStroke];
    CGContextSetLineWidth(context, 2);
    // 绘制线条
    CGContextDrawPath(context, kCGPathStroke);
    
    NSString* str = @"fdsfsafd";
    // 绘制文字
    [str drawInRect:CGRectMake(200, 158, 100, 30) withAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:13],NSForegroundColorAttributeName:[UIColor yellowColor]}];
    
    UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
    // 关闭图形上下文
    UIGraphicsEndImageContext();
    
    return newImage;
}

 

转载于:https://www.cnblogs.com/16zj/p/7592156.html