Quartz 2D编程指南(2) - 图形上下文

一个Graphics Context表示一个绘制目标。它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息。Graphics Context定义了基本的绘制属性,如颜色、裁减区域、线条宽度和样式信息、字体信息、混合模式等。

我们可以通过几种方式来获取Graphics Context:Quartz提供的创建函数、Mac OS X框架或IOS的UIKit框架提供的函数。Quartz提供了多种Graphics Context的创建函数,包括bitmap和PDF,我们可以使用这些Graphics Context创建自定义的内容。

本章介绍了如何为不同的绘制目标创建Graphics Context。在代码中,我们用CGContextRef来表示一个Graphics Context。当获得一个Graphics Context后,可以使用Quartz 2D函数在上下文(context)中进行绘制、完成操作(如平移)、修改图形状态参数(如线宽和填充颜色)等。

在iOS中的视图Graphics Context进行绘制
在iOS应用程序中,如果要在屏幕上进行绘制,需要创建一个UIView对象,并实现它的drawRect:方法。视图的drawRect:方法在视图显示在屏幕上及它的内容需要更新时被调用。在调用自定义的drawRect:后,视图对象自动配置绘图环境以便代码能立即执行绘图操作。作为配置的一部分,视图对象将为当前的绘图环境创建一个Graphics Context。我们可以通过调用UIGraphicsGetCurrentContext函数来获取这个Graphics Context。

UIKit默认的坐标系统与Quartz不同。在UIKit中,原点位于左上角,y轴正方向为向下。UIView通过将修改Quartz的Graphics Context的CTM[原点平移到左下角,同时将y轴反转(y值乘以-1)]以使其与UIView匹配。

在Mac OS X中创建一个窗口Graphics Context
在Mac OS X中绘制时,我们需要创建一个窗口Graphics Context。Quartz 2D API 没有提供函数来获取窗口Graphics Context。取而代之的是用Cocoa框架来获取一个窗口上下文。

我们可以在Cocoa应用程序的drawRect:中获取一个Quartz Graphics Context,如下代码所示:

复制代码

  1. CGContextRef myContext = [[NSGraphicsContext currentContext] graphicsPort];

currentContext方法在当前线程中返回NSGraphicsContext实例。graphicsPort方法返回一个低级别、平台相关的Graphics Context(Quartz Graphics Context)。

在获取到Graphics Context后,我们可以在Cocoa应用程序中调用任何Quartz 2D的绘制函数。我们同样可以将Quartz 2D与Cocoa绘制操作混合使用。如图2-1是一个在Cocoa视图中用Quartz 2D绘制的实例。绘图由两个长方形组成(一个不透明的红色长方形和半透明的蓝色长方形)。

为了实现图2-1实例,需要先创建一个Cocoa应用程序。在Interface Builder中,拖动一个Custom View到窗口中,并子类化。然后实现子类视图的,如代码清单2-1所示。视图的drawRect:包含了所有的Quartz绘制代码。

引用

注:NSView的drawRect:方法在每次视图需要绘制时自动调用。

复制代码

  1. Listing 2-1  Drawing to a window graphics context
  2. @implementation MyQuartzView
  3. - (id)initWithFrame:(NSRect)frameRect
  4. {
  5. self = [super initWithFrame:frameRect];
  6. return self;
  7. }
  8. - (void)drawRect:(NSRect)rec
  9. {
  10. CGContextRef myContext = [[NSGraphicsContext  currentContext] graphicsPort]; //1
  11. // ********** Your drawing code here **********       //2
  12. CGContextSetRGBFillColor (myContext, 1, 0, 0, 1);     //3
  13. CGContextFillRect (myContext, CGRectMake (0, 0, 200, 100 ));   //4
  14. CGContextSetRGBFillColor (myContext, 0, 0, 1, .5);     //5
  15. CGContextFillRect (myContext, CGRectMake (0, 0, 100, 200));   //6
  16. }
  17. @end

代码说明:
1.为视图获取一个Graphics Context
2.插入绘图代码的地方。以下四行是使用Quartz 2D函数的例子
3.设置完全不透明的红色填充色。
4.填充一个长方形,其原点为(0, 0), 大小为(200, 100)
5.设置半透明的蓝色填充色。
6.填充一个长方形,其原点为(0, 0), 大小为(100, 200)

创建一个PDF Graphics Context
当创建一个PDF Graphics Context并绘制时,Quartz将绘制操作记录为一系列的PDF绘制命令并写入文件中。我们需要提供一个PDF输出的位置及一个默认的media box(用于指定页面边界的长方形)。图2-2显示了在PDF Graphics Context中绘制及在preview打开PDF的结果。

Quartz 2D API提供了两个函数来创建PDF Graphics Context:

  • CGPDFContextCreateWithURL:当你需要用Core Foundation URL指定pdf输出的位置时使用该函数。代码清单2-2显示了该函数的使用方法(代码2-2及后面代码的详细解释略):

复制代码

  1. Listing 2-2  Calling CGPDFContextCreateWithURL to create a PDF graphics context
  2. CGContextRef MyPDFContextCreate (const CGRect *inMediaBox, CFStringRef path)
  3. {
  4. CGContextRef myOutContext = NULL;
  5. CFURLRef url;
  6. url = CFURLCreateWithFileSystemPath (NULL, path, kCFURLPOSIXPathStyle, false);
  7. if (url != NULL) {
  8. myOutContext = CGPDFContextCreateWithURL (url,  inMediaBox,  NULL);
  9. CFRelease(url);
  10. }
  11. return myOutContext;
  12. }

  • CGPDFContextCreate:当需要将pdf输出发送给数据用户时使用该方法。代码清单2-3显示了该函数的使用方法:

复制代码

  1. Listing 2-3  Calling CGPDFContextCreate to create a PDF graphics context
  2. CGContextRef MyPDFContextCreate (const CGRect *inMediaBox, CFStringRef path)
  3. {
  4. CGContextRef        myOutContext = NULL;
  5. CFURLRef            url;
  6. CGDataConsumerRef   dataConsumer;
  7. url = CFURLCreateWithFileSystemPath (NULL,  path, kCFURLPOSIXPathStyle, false);
  8. if (url != NULL)
  9. {
  10. dataConsumer = CGDataConsumerCreateWithURL (url);
  11. if (dataConsumer != NULL)
  12. {
  13. myOutContext = CGPDFContextCreate (dataConsumer, inMediaBox, NULL);
  14. CGDataConsumerRelease (dataConsumer);
  15. }
  16. CFRelease(url);
  17. }
  18. return myOutContext;
  19. }

代码清单2-4显示是如何调用MyPDFContextCreate程序及绘制操作。

复制代码

  1. Listing 2-4  Drawing to a PDF graphics context
  2. CGRect mediaBox;
  3. mediaBox = CGRectMake (0, 0, myPageWidth, myPageHeight);
  4. myPDFContext = MyPDFContextCreate (&mediaBox, CFSTR("test.pdf"));
  5. CFStringRef myKeys[1];
  6. CFTypeRef myValues[1];
  7. myKeys[0] = kCGPDFContextMediaBox;
  8. myValues[0] = (CFTypeRef) CFDataCreate(NULL,(const UInt8 *)&mediaBox, sizeof (CGRect));
  9. CFDictionaryRef pageDictionary = CFDictionaryCreate(NULL, (const void **) myKeys,
  10. (const void **) myValues, 1,
  11. &kCFTypeDictionaryKeyCallBacks,
  12. & kCFTypeDictionaryValueCallBacks);
  13. CGPDFContextBeginPage(myPDFContext, &pageDictionary);
  14. // ********** Your drawing code here **********
  15. CGContextSetRGBFillColor (myPDFContext, 1, 0, 0, 1);
  16. CGContextFillRect (myPDFContext, CGRectMake (0, 0, 200, 100 ));
  17. CGContextSetRGBFillColor (myPDFContext, 0, 0, 1, .5);
  18. CGContextFillRect (myPDFContext, CGRectMake (0, 0, 100, 200 ));
  19. CGPDFContextEndPage(myPDFContext);
  20. CFRelease(pageDictionary);
  21. CFRelease(myValues[0]);
  22. CGContextRelease(myPDFContext);

我们可以将任何内容(图片,文本,绘制路径)绘制到pdf中,并能添加链接及加密。

创建位图Graphics Context
一个位图Graphics Context接受一个指向内存缓存(包含位图存储空间)的指针,当我们绘制一个位图Graphics Context时,该缓存被更新。在释放Graphics Context后,我们将得到一个我们指定像素格式的全新的位图。

引用

注:位图Graphics Context有时用于后台绘制。CGLayer对象优化了后台绘制,因为Quartz在显卡上缓存了层。

引用

iOS提示:iOS应用程序使用了UIGraphicsBeginImageContextWithOptions取代Quartz低层函数。如果使用Quartz创建一下后台bitmap,bitmap Graphics Context使用的坐标系统是Quartz默认的坐标系统。而使用UIGraphicsBeginImageContextWithOptions创建图形上下文,UIKit将会对坐标系统使用与UIView对象的图形上下文一样的转换。这允许应用程序使用相同的绘制代码而不需要担心坐标系统问题。虽然我们的应用程序可以手动调整CTM达到相同的效果,但这种做没有任何好处。

我们使用CGBitmapContextCreate来创建位图Graphics Context,该函数有如下参数:

  • data:一个指向内存目标的指针,该内存用于存储需要渲染的图形数据。内存块的大小至少需要(bytePerRow * height)字节。
  • width:指定位图的宽度,单位是像素(pixel)。
  • height:指定位图的高度, 单位是像素(pixel)。
  • bitsPerComponent:指定内存中一个像素的每个组件使用的位数。例如,一个32位的像素格式和一个rgb颜色空间,我们可以指定每个组件为8位。
  • bytesPerRow:指定位图每行的字节数。
  • colorspace:颜色空间用于位图上下文。在创建位图Graphics Context时,我们可以使用灰度(gray), RGB, CMYK, NULL颜色空间。
  • bitmapInfo:位图的信息,这些信息用于指定位图是否需要包含alpha组件,像素中alpha组件的相对位置(如果有的话),alpha组件是否是预乘的,及颜色组件是整型值还是浮点值。

代码清单2-5显示了如何创建位图Graphics Context。当向位图Graphics Context绘图时,Quartz将绘图记录到内存中指定的块中。

复制代码

  1. Listing 2-5  Creating a bitmap graphics context
  2. CGContextRef MyCreateBitmapContext (int pixelsWide, int pixelsHigh)
  3. {
  4. CGContextRef    context = NULL;
  5. CGColorSpaceRef colorSpace;
  6. void *          bitmapData;
  7. int             bitmapByteCount;
  8. int             bitmapBytesPerRow;
  9. bitmapBytesPerRow   = (pixelsWide * 4);
  10. bitmapByteCount     = (bitmapBytesPerRow * pixelsHigh);
  11. colorSpace = CGColorSpaceCreateWithName(kCGColorSpaceGenericRGB);
  12. bitmapData = calloc( bitmapByteCount );
  13. if (bitmapData == NULL)
  14. {
  15. fprintf (stderr, "Memory not allocated!");
  16. return NULL;
  17. }
  18. context = CGBitmapContextCreate (bitmapData, pixelsWide, pixelsHigh, 8, bitmapBytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast);
  19. if (context== NULL)
  20. {
  21. free (bitmapData);
  22. fprintf (stderr, "Context not created!");
  23. return NULL;
  24. }
  25. CGColorSpaceRelease( colorSpace );
  26. return context;
  27. }

代码清单2-6显示了调用MyCreateBitmapContext 创建一个位图Graphics Context,使用位图Graphics Context来创建CGImage对象,然后将图片绘制到窗口Graphics Context中。绘制结果如图2-3所示:

复制代码

  1. Listing 2-6  Drawing to a bitmap graphics context
  2. CGRect myBoundingBox;
  3. myBoundingBox = CGRectMake (0, 0, myWidth, myHeight);
  4. myBitmapContext = MyCreateBitmapContext (400, 300);
  5. // ********** Your drawing code here **********
  6. CGContextSetRGBFillColor (myBitmapContext, 1, 0, 0, 1);
  7. CGContextFillRect (myBitmapContext, CGRectMake (0, 0, 200, 100 ));
  8. CGContextSetRGBFillColor (myBitmapContext, 0, 0, 1, .5);
  9. CGContextFillRect (myBitmapContext, CGRectMake (0, 0, 100, 200 ));
  10. myImage = CGBitmapContextCreateImage (myBitmapContext);
  11. CGContextDrawImage(myContext, myBoundingBox, myImage);
  12. char *bitmapData = CGBitmapContextGetData(myBitmapContext);
  13. CGContextRelease (myBitmapContext);
  14. if (bitmapData) free(bitmapData);
  15. CGImageRelease(myImage);

支持的像素格式
表2-1总结了位图Graphics Context支持的像素格式,相关的颜色空间及像素格式支持的Mac OS X最早版本。像素格式用bpp(每像素的位数)和bpc(每个组件的位数)来表示。表格同时也包含与像素格式相关的位图信息常量。

表2-1:位图Graphics Context支持的像素格式

Null 8 bpp, 8 bpc, kCGImageAlphaOnly Mac OS X, iOS
Gray 8 bpp, 8 bpc,kCGImageAlphaNone Mac OS X, iOS
Gray 8 bpp, 8 bpc,kCGImageAlphaOnly Mac OS X, iOS
Gray 16 bpp, 16 bpc, kCGImageAlphaNone Mac OS X
Gray 32 bpp, 32 bpc, kCGImageAlphaNone|kCGBitmapFloatComponents Mac OS X
RGB 16 bpp, 5 bpc, kCGImageAlphaNoneSkipFirst Mac OS X, iOS
RGB 32 bpp, 8 bpc, kCGImageAlphaNoneSkipFirst Mac OS X, iOS
RGB 32 bpp, 8 bpc, kCGImageAlphaNoneSkipLast Mac OS X, iOS
RGB 32 bpp, 8 bpc, kCGImageAlphaPremultipliedFirst Mac OS X, iOS
RGB 32 bpp, 8 bpc, kCGImageAlphaPremultipliedLast Mac OS X, iOS
RGB 64 bpp, 16 bpc, kCGImageAlphaPremultipliedLast Mac OS X
RGB 64 bpp, 16 bpc, kCGImageAlphaNoneSkipLast Mac OS X
RGB 128 bpp, 32 bpc, kCGImageAlphaNoneSkipLast |kCGBitmapFloatComponents Mac OS X
RGB 128 bpp, 32 bpc, kCGImageAlphaPremultipliedLast |kCGBitmapFloatComponents Mac OS X
CMYK 32 bpp, 8 bpc, kCGImageAlphaNone Mac OS X
CMYK 64 bpp, 16 bpc, kCGImageAlphaNone Mac OS X
CMYK 128 bpp, 32 bpc, kCGImageAlphaNone |kCGBitmapFloatComponents Mac OS X

反锯齿
位图Graphics Context支持反锯齿,这一操作是人为的较正在位图中绘制文本或形状时产生的锯齿边缘。当位图的分辩率明显低于人眼的分辩率时就会产生锯齿。为了使位图中的对象显得平滑,Quartz使用不同的颜色来填充形状周边的像素。通过这种方式来混合颜色,使形状看起来更平滑。如图2-4显示的效果。我们可以通过调用CGContextSetShouldAntialias来关闭位图Graphics Context的反锯齿效果。反锯齿设置是图形状态的一部分。
可以调用函数CGContextSetAllowsAntialiasing来控制一个特定Graphics Context是否支持反锯齿;false表示不支持。该设置不是图形状态的一部分。当上下文及图形状态设置为true时,Quartz执行反锯齿。

获取打印的Graphics Context
Mac OS X中的Cocoa应用程序通过自定义的NSView子类来实现打印。一个视图通过调用print:方法来进行打印。然后视图以打印机为目标创建一个Graphics Context,并调用drawRect:方法。应用程序使用与在屏幕进行绘制相同的绘制代码。我们同样可以自定义drawRect: 方法将图形绘制到打印机。

原帖地址:http://www.cocoachina.com/bbs/read.php?tid=78029

时间: 2024-11-02 02:32:14

Quartz 2D编程指南(2) - 图形上下文的相关文章

Quartz 2D编程指南(1) - 概览

Quartz 2D编程指南是论坛会员德鲁伊翻译的国外的Quartz 2D一系列学习资料,供大家参考 Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境.我们可以使用Quartz 2D API来实现许多功能,如基本路径的绘制.透明度.描影.绘制阴影.透明层.颜色管理.反锯齿.PDF文档生成和PDF元数据访问.在需要的时候,Quartz 2D还可以借助图形硬件的功能.在Mac OS X中,Quartz 2D可以与其它图形图像技术混合使用,如Core Image.Core

Quartz 2D编程指南(7) - 阴影(Shadows)

阴影是绘制在一个图形对象下的且有一定偏移的图片,它用于模拟光源照射到图形对象上所形成的阴影效果,如果7-1所示.文本也可以有阴影.阴影可以让一幅图像看上去是立体的或者是浮动的. 阴影有三个属性: 1.x偏移值,用于指定阴影相对于图片在水平方向上的偏移值. 2.y偏移值,用于指定阴影相对于图片在竖直方向上的偏移值. 3.模糊(blur)值,用于指定图像是有一个硬边(hard edge,如图7-2左边图片所示),还是一个漫射边(diffuse edge,如图7-1右边图片所示) 本章将描述阴影是如何

Quartz 2D编程指南(4) - 颜色和颜色空间

不同的设备(显示器.打印机.扫描仪.摄像头)处理颜色的方式是不同的.每种设备都有其所能支持的颜色值范围.一种设备能支持的颜色可能在其它设备中无法支持.为了有效的使用颜色及理解Quartz 2D中用于颜色及颜色空间的函数,我们需要熟悉在Color Management Overview文档中所使用的术语.该文档中讨论了色觉.颜色值.设备依赖及设备颜色空间.颜色匹配问题.再现意图(rendering intent).颜色管理模块和ColorSync.在本章中,我们将学习Quartz处理颜色和颜色空间

Quartz 2D编程指南(5)变换(Transforms)

Quartz2D绘制模型定义了两种完全独立的坐标空间:用户空间(用于表现文档页)和设备空间(用于表现设备的原生分辨率).用户坐标空间用浮点数表示坐标,与设备空间的像素分辨率没有关系.当我们想要打印和显示文档时, Quartz会将用户空间坐标系统映射到设备空间坐标系统.因此,我们不需要重写应用程序或添加额外的代码来调整应用程序的输出以适应不同的设备. 我们可以通过操作CTM(current transformation matrix当前变换矩阵)来修改默认的用户空间.在创建图形上下文后,CTM是单

Quartz 2D编程指南- PDF文档的创建、显示及转换

PDF文档存储依赖于分辨率的向量图形.文本和位图,并用于程序的一系列指令中.一个PDF文档可以包含多页的图形和文本.PDF可用于创建跨平台.只读的文档,也可用于绘制依赖于分辨率的图形.         Quartz为所有应用程序创建高保真的PDF文档,这些文档保留应用的绘制操作,如图13-1所示.PDF文档的结果将通过系统的其它部分或第三方法的产品来有针对性地进行优化.Quartz创建的PDF文档在Preview和Acrobat中都能正确的显示. Quartz不仅仅只使用PDF作为它的数字页,它

Quartz 2D编程指南(3)路径(Paths)

Paths  路径定义了一个或多个形状,或是子路径.一个子路径可由直线,曲线,或者同时由两者构成.它可以是开放的,也可以是闭合的.一个子路径可以是简单的形状,如线.圆.矩形.星形:也可以是复杂的形状,如山脉的轮廓或者是涂鸦.图3-1显示了一些我们可以创建的路径.左上角的直线可以是虚线:直线也可以是实线.上边中间的路径是由多条曲线组成的开放路径.右上角的同心圆填充了颜色,但没有描边.左下角的加利福尼亚州是闭合路径,由许多曲线和直线构成,且对路径进行填充和描边.两个星形阐明了填充路径的两种方式,我们

Quartz 2D Programming Guide

Quartz 2D Programming  Guide 官方文档: Quartz 2D Programming Guide 译文: Quartz 2D编程指南(1) - 概览 Quartz 2D编程指南(2) - 图形上下文(Graphics Contexts) Quartz 2D编程指南(3) - 路径(Paths)[上] Quartz 2D编程指南(3) - 路径(Paths)[下] Quartz 2D编程指南(4) - 颜色和颜色空间 Quartz 2D编程指南(5) - 变换 Quar

iOS开发——图形编程OC篇&(一)Quartz 2D介绍

Quartz 2D介绍 一.什么是Quartz2D Quartz 2D是?个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 二.Quartz2D在iOS开发中的价值 为了便于搭建美观的UI界面,iOS提供了UIKit框架,??有各种各样的UI控件 UILabel:显?文字 UIImageView:显示图片 UIButton:同时显示图片和?字

Quartz 2D 概述

Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境.我们可以使用Quartz 2D API来实现许多功能,如基本路径的绘制.透明度.描影.绘制阴影.透明层.颜色管理.反锯齿.PDF文档生成和PDF元数据访问.在需要的时候,Quartz 2D还可以借助图形硬件的功能. 在Mac OS X中,Quartz 2D可以与其它图形图像技术混合使用,如Core Image.Core Video.OpenGL.QuickTime.例如,通过使用 QuickTime的Graphics