iOS绘图(二)之CoreGraphics

一、Core Graphics简介

Core Graphics是基于Quartz框架的高保真输出2D图形的渲染引擎。可处理基于路径的绘图、抗锯齿渲染、渐变、图像、颜色管理、PDF文档等。 Core Graphics提供了一套2D绘图功能的C语言API,使用C结构体和C的函数模拟了一套面向对象的编程机制。Core Graphics中没有OC的对象和方法。
我们日常开发时所用到的UIKit中的组件都是由Core Graphics进行绘制的。不仅如此,当我们引入UIKit框架时系统会自动引入Core Graphics框架,并且为了方便开发者使用在UIKit内部还对一些常用的绘图API进行了封装。

二、Core Graphics绘图步骤

  1. 获取绘图上下文
  2. 创建并设置路径
  3. 将路径添加到上下文
  4. 设置上下文状态
  5. 绘制路径

三、Core Graphics绘制图形

1.画线

- (void)drawLine:(CGContextRef)ctx{
 
 ///画线方法1
 //设置起始点
 CGContextMoveToPoint(ctx, 0, 5);
 //添加一个点
 CGContextAddLineToPoint(ctx, 50,5);
 //在添加一个点,变成折线
 CGContextAddLineToPoint(ctx, 50, 15);
 
 ///画线方法2
 //构造线路径的点数组
 CGPoint points[] = {CGPointMake(50, 0),CGPointMake(100, 5),CGPointMake(80, 18)};
 CGContextAddLines(ctx,points, 3);
 
 ///画线方法3
 //初始化路径
 CGMutablePathRef path = CGPathCreateMutable();
 //设置起始点
 CGPathMoveToPoint(path, &CGAffineTransformIdentity, 100, 0);
 //添加点
 CGPathAddLineToPoint(path, &CGAffineTransformIdentity, 130, 18);
 CGPathAddLineToPoint(path, &CGAffineTransformIdentity, 150, 5);
 //将路径加入context
 CGContextAddPath(ctx, path);
 
 //描出笔触
 CGContextStrokePath(ctx);
}

2.画基本图形

- (void)drawShape:(CGContextRef)ctx{
 //画矩形,长宽相等就是正方形
 CGContextAddRect(ctx, CGRectMake(0,20,50,20));
 //画椭圆,长宽相等就是圆
 CGContextAddEllipseInRect(ctx, CGRectMake(50,20,50,20));
 //画三角形,多边形是通过path完成的
 CGMutablePathRef path = CGPathCreateMutable();
 CGPathMoveToPoint(path, &CGAffineTransformIdentity, 150, 20);
 CGPathAddLineToPoint(path, &CGAffineTransformIdentity, 120, 40);
 CGPathAddLineToPoint(path, &CGAffineTransformIdentity, 180, 40);
 CGPathCloseSubpath(path);
 CGContextAddPath(ctx, path);
 //填充路径
 CGContextFillPath(ctx);
}

3.画圆、弧线、贝塞尔曲线

- (void)drawArc:(CGContextRef)ctx{
 //圆
 CGContextAddArc(ctx, 25, 75, 25, 0, M_PI*2 , 0);
 
 //弧,设置圆心为起始点可以画扇形
 //CGContextMoveToPoint(ctx, 75, 75);
 CGContextAddArc(ctx, 75, 75, 25, 0, M_PI*1/2 , 0);
 
 //设置起始点
 CGContextMoveToPoint(ctx, 110, 50);
 //添加二次曲线
 CGContextAddQuadCurveToPoint(ctx, 130, 75, 190, 50);
 
 //添加三次曲线
 CGContextMoveToPoint(ctx, 110, 100);
 CGContextAddCurveToPoint(ctx, 140, 50, 170, 120, 190, 75);
 
 //描出笔触
 CGContextStrokePath(ctx);
 
 //填充路径
//CGContextFillPath(ctx);
 
}
  • 绘制文字
    - (void)drawText:(CGContextRef)ctx{
     //文字样式
     UIFont *font = [UIFont systemFontOfSize:15];
     NSDictionary *dict = @{NSFontAttributeName:font,
                            NSForegroundColorAttributeName:[UIColor whiteColor]};
     //文字绘制
     [@"I'm CC" drawInRect:CGRectMake(100 , 110, 100, 20) withAttributes:dict];
    }
    
  • 绘制生成图片(图像)
    - (void)drawPicture:(CGContextRef)context{
     //图片
     UIImage *image = [UIImage imageNamed:@"annotation"];
     [image drawInRect:CGRectMake(10, 100, 50, 50)];//在坐标中画出图片
    }
    
  • 绘制渐变
    Quartz 2D的渐变方式分为两种:
    线性渐变:渐变色以直线方式从开始位置逐渐向结束位置渐变
    径向渐变:以中心点为圆心从起始渐变色向四周辐射,直到终止渐变色
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容