iOS CGContext用法

iOS CGContext用法

quartz 是主要的描画接口,支持基于路径的描画、抗锯齿渲染、渐变填充模式、图像、颜色、坐标空间变换、以及PDF 文档的创建、显示和分析。UIKit 为Quartz的图像和颜色操作提供了Objective-C 的封装。Core Animation为很多UIKit的视图属性声明的动画效果提供底层支持,也可以用于实现定制的动画。

在调用您提供的drawRect:方法之前,视图对象会自动配置其描画环境,使您的代码可以立即进行描画。作为这些配置的一部分,UIView 对象会为当前描画环境创建一个图形上下文(对应于CGContextRef 封装类型)

用户坐标空间是您发出的所有描画命令的工作环境。该空间的单位由点来表示。设备坐标空间指的是设备内在的坐标空间,由像素来表示。缺省情况下,用户坐标空间上的一个点等于设备坐标空间的一个像素,这意味着一个点等于1/160英寸。然而,您不应该假定这个比例总是1:1。

UIColor对象提供了一些便利方法,用于通过RGB、HSB、和灰度值指定颜色值。您也可以使用Core Graphics框架中的CGContextSetRGBStrokeColor和CGContextSetRGBFillColor函数来创建和设置颜色。

路径轮廓可以用像CGContextStrokePath 这样的函数来画,即用当前的笔划颜色画出以路径为中心位置的线。路径的填充则可以用CGContextFillPath 函数来实现,它的功能是用当前的填充颜色或样式填充路径线段包围的区域。

获取上下文,图形上下文是什么意思?

CGContextRef context = UIGraphicsGetCurrentContext();

画一个正方形图形 没有边框

CGContextSetRGBFillColor(context,0,0.25,0,0.5);

CGContextFillRect(context,CGRectMake(2,2,270,270));

CGContextStrokePath(context);

写文字

CGContextSetLineWidth(context,1.0);

CGContextSetRGBFillColor(context,1,1,1,1.0);

UIFont  *font =[UIFont boldSystemFontOfSize:11.0];

[@"fangyp" drawInRect:CGRectMake(40,40,80,20)withFont:font];

画一条线

CGContextSetRGBStrokeColor(context,0.5,0.5,0.5,0.5);//线条颜色

CGContextMoveToPoint(context,20,20);

CGContextAddLineToPoint(context,200,20);

CGContextStrokePath(context);

画正方形边框

CGContextSetRGBStrokeColor(context,1,1.0,1.0,1.0);

CGContextSetLineWidth(context,2.0);

CGContextAddRect(context,CGRectMake(2,2,270,270));

CGContextStrokePath(context);

画方形背景颜色

CGContextTranslateCTM(ctx,0.0f,self.view.bounds.size.height);

CGContextScaleCTM(ctx,1.0f,-1.0f);

UIGraphicsPushContext(ctx);

CGContextSetLineWidth(ctx,320);

CGContextSetRGBStrokeColor(ctx,250.0/255,250.0/255,210.0/255,1.0);

CGContextStrokeRect(ctx,CGRectMake(0,0,320,460));

UIGraphicsPopContext();

1、画线:在uiview类里重写下面方法

-(void)drawRect:(CGRect)rect

{

CGContextRefcontext = UIGraphicsGetCurrentContext();

//画线

//    UIColor*aColor =[UIColor colorWithRed:0 green:1.0 blue:0 alpha:0];

CGContextSetRGBStrokeColor(context,1.0,0,0,1.0);

//   CGContextSetFillColorWithColor(context,aColor.CGColor);

CGContextSetLineWidth(context,4.0);

CGPointaPoints[5];

aPoints[0]=CGPointMake(60,60);

aPoints[1]=CGPointMake(260,60);

aPoints[2]=CGPointMake(260,300);

aPoints[3]=CGPointMake(60,300);

aPoints[4]=CGPointMake(60,60);

CGContextAddLines(context,aPoints,5);

CGContextDrawPath(context,kCGPathStroke);//开始画线


//椭圆

CGRect aRect= CGRectMake(80,80,160,100);

CGContextSetRGBStrokeColor(context,0.6,0.9,0,1.0);

CGContextSetLineWidth(context,3.0);

//   CGContextSetFillColorWithColor(context,aColor.CGColor);

//   CGContextAddRect(context,rect);//矩形

CGContextAddEllipseInRect(context,aRect);//椭圆

CGContextDrawPath(context,kCGPathStroke);


2、弧线CGContextAddArcToPoint与CGContextAddArc

void CGContextAddArc(CGContextRef c,CGFloat x,CGFloat y,CGFloat radius,CGFloat startAngle,CGFloat endAngle,int clockwise)

x,y为圆点坐标,startAngle为开始的弧度,endAngle为结束的弧度,clockwise 0为顺时针,1为逆时针。

以下是示例代码。

CGContextBeginPath(context);

CGContextSetRGBStrokeColor(context,0,1,0,1);

CGContextAddArc(context,100,100,50,180* PI/ 180,270* PI/ 180,0);

CGContextStrokePath(context);

void CGContextAddArcToPoint(CGContextRef c,CGFloat x1,CGFloat y1,CGFloat x2,CGFloat y2,CGFloat radius);

首先使用该函数绘制圆弧前,首先要确定一个start point.

CGContextMoveToPoint(context,100,100);

然后设置CGContextAddArcToPoint(context,50,100,50,150,50);

这里是从起始点100,100开始到第一个点50,100画一条线段,然后再从第一个点50,100到第二点150,50画另一条线段(这是两条相交切线),然后设置半径为50.通过相交的两条线段和半径就可以确定圆弧了。

示例代码如下:

CGContextBeginPath(context);

CGContextSetRGBStrokeColor(context,0,0,1,1);

CGContextMoveToPoint(context,100,100);

CGContextAddArcToPoint(context,50,100,50,150,50);

CGContextStrokePath(context);

注意:Path被绘制后,当前点的坐标更改为150,50

CGContextRef context = UIGraphicsGetCurrentContext();设置上下文

CGContextMoveToPoint开始画线

CGContextAddLineToPoint画直线

4 CGContextAddEllipseInRect画一椭圆

4 CGContextSetLineCap设置线条终点形状

4 CGContextSetLineDash画虚线

4 CGContextAddRect画一方框

4 CGContextStrokeRect指定矩形

4 CGContextStrokeRectWithWidth指定矩形线宽度

4 CGContextStrokeLineSegments一些直线

5 CGContextAddArc 画已曲线 前俩店为中心 中间俩店为起始弧度 最后一数据为0则顺时针画 1则逆时针

5 CGContextAddArcToPoint(context,0,0,2,9,40);//先画俩条线从point到弟1点,从弟1点到弟2点的线切割里面的圆

6 CGContextSetShadowWithColor设置阴影

7 CGContextSetRGBFillColor这只填充颜色

7 CGContextSetRGBStrokeColor画笔颜色设置

7 CGContextSetFillColorSpace颜色空间填充

7 CGConextSetStrokeColorSpace颜色空间画笔设置

8 CGContextFillRect补充当前填充颜色的rect

8 CGContextSetAlaha透明度

9 CGContextTranslateCTM改变画布位置

10 CGContextSetLineWidth设置线的宽度

11 CGContextAddRects画多个线

12 CGContextAddQuadCurveToPoint画曲线

13  CGContextStrokePath开始绘制图片

13 CGContextDrawPath设置绘制模式

14 CGContextClosePath封闭当前线路

15 CGContextTranslateCTM(context,0,rect.size.height);CGContextScaleCTM(context,1.0,-1.0);反转画布

16 CGContextSetInterpolationQuality背景内置颜色质量等级

16 CGImageCreateWithImageInRect从原图片中取小图

17字符串的写入可用nsstring本身的画图方法-(CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(UILineBreakMode)lineBreakMode alignment:(UITextAlignment)alignment;来写进去即可

18对图片放大缩小的功能就是慢了点 

UIGraphicsBeginImageContext(newSize);

UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

19 CGColorGetComponents()返回颜色的各个直以及透明度可用只读const float来接收是个数组

20画图片CGImageRef image=CGImageRetain(img.CGImage);

CGContextDrawImage(context,CGRectMake(10.0,height -

100.0,90.0,90.0),image);

21实现逐变颜色填充方法CGContextClip(context);

CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();

CGFloat colors[]=

    {

204.0 / 255.0,224.0 / 255.0,244.0 / 255.0,1.00,

29.0 / 255.0,156.0 / 255.0,215.0 / 255.0,1.00,

0.0 / 255.0,50.0 / 255.0,126.0 / 255.0,1.00,

};

    CGGradientRef gradient = CGGradientCreateWithColorComponents       

(rgb,colors,NULL,sizeof(colors)/(sizeof(colors[0])*4));

CGColorSpaceRelease(rgb);

CGContextDrawLinearGradient(context,gradient,CGPointMake

(0.0,0.0),CGPointMake(0.0,self.frame.size.height),

kCGGradientDrawsBeforeStartLocation);

22 注:  画完图后,必须 

先用CGContextStrokePath来描线,即形状

后用CGContextFillPath来填充形状内的颜色.

填充一个路径的时候,路径里面的子路径都是独立填充的。

假如是重叠的路径,决定一个点是否被填充,有两种规则

1,nonzero winding number rule:非零绕数规则,假如一个点被从左到右跨过,计数器+1,从右到左跨过,计数器-1,最后,如果结果是0,那么不填充,如果是非零,那么填充。

2,even-odd rule: 奇偶规则,假如一个点被跨过,那么+1,最后是奇数,那么要被填充,偶数则不填充,和方向没有关系。

 Function

Description 

 CGContextEOFillPath

 使用奇偶规则填充当前路径

 CGContextFillPath

 使用非零绕数规则填充当前路径

 CGContextFillRect

 填充指定的矩形

 CGContextFillRects

 填充指定的一些矩形

 CGContextFillEllipseInRect

 填充指定矩形中的椭圆

 CGContextDrawPath

两个参数决定填充规则,kCGPathFill表示用非零绕数规则,kCGPathEOFill表示用奇偶规则,kCGPathFillStroke表示填充,kCGPathEOFillStroke表示描线,不是填充

设置当一个颜色覆盖上另外一个颜色,两个颜色怎么混合

默认方式是

result =(alpha * foreground)+(1 - alpha)* background

CGContextSetBlendMode :设置blend mode.

CGContextSaveGState :保存blend mode.

CGContextRestoreGState:在没有保存之前,用这个函数还原blend mode.

CGContextSetBlendMode混合俩种颜色

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容