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

最新推荐文章于 2019-06-29 21:35:00 发布
最新推荐文章于 2019-06-29 21:35:00 发布
阅读量911 收藏
点赞数
分类专栏： Quartz 2D编程指南 文章标签： iOS Quartz 2D Quartz
一个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. }
  9. - (void)drawRect:(NSRect)rec
  10. {
  11.     CGContextRef myContext = [[NSGraphicsContext  currentContext] graphicsPort]; //1
  13.    // ********** Your drawing code here **********       //2
  14.     CGContextSetRGBFillColor (myContext, 1, 0, 0, 1);     //3
  15.     CGContextFillRect (myContext, CGRectMake (0, 0, 200, 100 ));   //4
  16.     CGContextSetRGBFillColor (myContext, 0, 0, 1, .5);     //5
  17.     CGContextFillRect (myContext, CGRectMake (0, 0, 100, 200));   //6
  18. }
  19. @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);
  8.     if (url != NULL) {
  9.         myOutContext = CGPDFContextCreateWithURL (url,  inMediaBox,  NULL);
  10.         CFRelease(url);
  11.     }
  12.     return myOutContext;
  13. }

  • 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;
  8.     url = CFURLCreateWithFileSystemPath (NULL,  path, kCFURLPOSIXPathStyle, false);
  10.     if (url != NULL)
  11.     {
  12.         dataConsumer = CGDataConsumerCreateWithURL (url);
  13.         if (dataConsumer != NULL)
  14.         {
  15.             myOutContext = CGPDFContextCreate (dataConsumer, inMediaBox, NULL);
  16.             CGDataConsumerRelease (dataConsumer);
  17.         }
  19.         CFRelease(url);
  20.     }
  22.     return myOutContext;
  23. }

代码清单2-4显示是如何调用MyPDFContextCreate程序及绘制操作。
复制代码
  1. Listing 2-4  Drawing to a PDF graphics context
  2.     CGRect mediaBox;
  4.     mediaBox = CGRectMake (0, 0, myPageWidth, myPageHeight);
  5.     myPDFContext = MyPDFContextCreate (&mediaBox, CFSTR("test.pdf"));
  7.     CFStringRef myKeys[1];
  8.     CFTypeRef myValues[1];
  10.     myKeys[0] = kCGPDFContextMediaBox;
  11.     myValues[0] = (CFTypeRef) CFDataCreate(NULL,(const UInt8 *)&mediaBox, sizeof (CGRect));
  13.     CFDictionaryRef pageDictionary = CFDictionaryCreate(NULL, (const void **) myKeys,
  14.                                                         (const void **) myValues, 1,
  15.                                                         &kCFTypeDictionaryKeyCallBacks,
  16.                                                         & kCFTypeDictionaryValueCallBacks);
  18.     CGPDFContextBeginPage(myPDFContext, &pageDictionary);
  19.         // ********** Your drawing code here **********
  20.         CGContextSetRGBFillColor (myPDFContext, 1, 0, 0, 1);
  21.         CGContextFillRect (myPDFContext, CGRectMake (0, 0, 200, 100 ));
  22.         CGContextSetRGBFillColor (myPDFContext, 0, 0, 1, .5);
  23.         CGContextFillRect (myPDFContext, CGRectMake (0, 0, 100, 200 ));
  24.     CGPDFContextEndPage(myPDFContext);
  26.     CFRelease(pageDictionary);
  27.     CFRelease(myValues[0]);
  28.     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;
  10.     bitmapBytesPerRow   = (pixelsWide * 4);
  11.     bitmapByteCount     = (bitmapBytesPerRow * pixelsHigh);
  12.     colorSpace = CGColorSpaceCreateWithName(kCGColorSpaceGenericRGB);
  13.     bitmapData = calloc( bitmapByteCount );
  14.     if (bitmapData == NULL)
  15.     {
  16.         fprintf (stderr, "Memory not allocated!");
  17.         return NULL;
  18.     }
  19.     context = CGBitmapContextCreate (bitmapData, pixelsWide, pixelsHigh, 8, bitmapBytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast);
  21.     if (context== NULL)
  22.     {
  23.         free (bitmapData);
  24.         fprintf (stderr, "Context not created!");
  25.         return NULL;
  26.     }
  27.     CGColorSpaceRelease( colorSpace );
  28.     return context;
  29. }

代码清单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);
  6.     // ********** Your drawing code here ********** 
  7.     CGContextSetRGBFillColor (myBitmapContext, 1, 0, 0, 1);
  8.     CGContextFillRect (myBitmapContext, CGRectMake (0, 0, 200, 100 ));
  9.     CGContextSetRGBFillColor (myBitmapContext, 0, 0, 1, .5);
  10.     CGContextFillRect (myBitmapContext, CGRectMake (0, 0, 100, 200 ));
  11.     myImage = CGBitmapContextCreateImage (myBitmapContext);
  12.     CGContextDrawImage(myContext, myBoundingBox, myImage);
  13.     char *bitmapData = CGBitmapContextGetData(myBitmapContext); 
  14.     CGContextRelease (myBitmapContext);
  15.     if (bitmapData) free(bitmapData); 
  16.     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: 方法将图形绘制到打印机。



声明：
1. 英文水平有限，如有翻译不当之处，请大家指出。小弟这厢有礼，定当积极改正，先谢谢了！
2. 欢迎大家分享。分享时请注明出处，谢谢！
kq_job
关注
专栏目录
Quartz 2D编程指南(2) － 图形上下文(Graphics Contexts)
跑吧的专栏
10-12 4710
一个Graphics Context表示一个绘制目标。它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息。Graphics Context定义了基本的绘制属性，如颜色、裁减区域、线条宽度和样式信息、字体信息、混合模式等。 我们可以通过几种方式来获取Graphics Cont
Core Graphics 之 Graphics Contexts（三）
pengf_wuxiaowu的博客
08-24 248
Graphics Contexts 图形上下文表示绘图目的地。它包含绘图参数和绘图系统执行任何后续绘图命令所需的所有设备特定信息。图形上下文定义了基本的绘图属性，如绘图时使用的颜色、裁剪区域、行宽和样式信息、字体信息、合成选项等。 您可以通过使用Quartz上下文创建函数或使用Mac OS X框架或iOS中的UIKit框架提供的高级函数来获得图形上下文。Q...
Core Graphic（二）：context详解
程小龙
02-16 2257
上一篇介绍了CG的历史 context是Quartz的核心概念，在用CG进行画图的时候，必须和context打交道，所以必须要知道context是什么，干什么以及为什么要有context。 我们使用CG最基本的操作就是创建路径，路径是一个用数学描述的图形形状，路径可以是矩形的，圆形的，牛仔帽形甚至是一个泰姬陵的形状。路径内可以用颜色进行填充，每一个像素点都可以被设置成特定的颜色。路径也可以是一
iphone开发 Quratz 2D 学习 ---什么是 graphics context（图形上下文）
renzhelife
07-14 155
1.graphics context（图形上下文）是一个不透明的数据类型（CGContextRef）。我们可以把graphics context想象成为一个绘图目标。有几种graphics context：bitmap graphics context，PDF graphics context，window graphics context，layer context。 2.IOS中获得g...
osg::Texture2D 贴纹理
weixin_30655569的博客
06-29 1979
#ifdef _WIN32 #include <Windows.h> #endif // _WIN32 #include<iostream> #include <osgViewer/Viewer> #include <osgViewer/ViewerEventHandlers> #include <osgViewer...
Quartz 2D编程指南 官方文档翻译
05-17
2. 图形上下文：讨论了各种绘图目的，并提供了创建图形上下文的详细步骤说明。 3. 路径：解释构成路径的基本元素，如何创建和绘制路径，设置剪裁区域，以及混合模式对绘图的影响。 4. 颜色和颜色空间：讨论颜色值...
Quartz 2D编程指南
05-20
《Quartz 2D编程指南》一文详细介绍了Quartz 2D这一核心绘图引擎在iOS和其他Apple平台上的应用及特性。Quartz 2D是Apple提供的底层绘图API，用于创建高质量的二维图形，它不仅适用于iOS，还广泛应用于macOS、watchOS...
Quartz2D编程基础：图形上下文与绘画者模型
Quartz 2D编程指南旨在介绍苹果操作系统(iOS 和 MacOS X)中的二维图形渲染引擎——Quartz 2D。Quartz 2D提供了一系列API，允许开发者执行各种图形绘制任务，包括路径绘制、透明度处理、描边与阴影效果、使用透明层、...
Quartz 2D编程指南（英文完整版+中文部分翻译版）
10-16
以下是对Quartz 2D编程指南中的关键知识点的详细解释。 1. Quartz 2D基础： - Core Graphics Framework：Quartz 2D是基于Core Graphics框架，它提供了低级的图形绘制功能，包括线条、形状、文本和图像的绘制。 - ...
Quartz2D编程全解析：从概览到图形上下文
Quartz 2D编程指南是针对苹果平台（iOS和Mac OS X）的二维图形绘制引擎的详细介绍。Quartz 2D提供了丰富的API，允许开发者执行各种图形操作，如绘制基本路径、设置透明度、添加描影和阴影效果、处理透明层、进行颜色...
iOS开发——图片转PDF的实现方法
nayao-net
11-21 284
图片转PDF的实现方法 Quartz 2D概述 Quartz 2D是Core Grapgics下的2D绘图引擎，适用于iOS和Mac OS X。 它具有强大的绘图功能，提供视角效果渲染，反锯齿渲染，颜色管理，绘制PDF等等。 开发者无需考虑不同设备不同分别率的显示效果，因为这一切适配操作Quartz 全都自己包了。 具体Quartz可以做些什么，下图给出了最佳答案： 图片转PDF的工具类 利用Q...
Quartz 2D编程指南(13) － PDF文档的创建、显示及转换
cpskiss的专栏
12-09 1701
PDF文档存储依赖于分辨率的向量图形、文本和位图，并用于程序的一系列指令中。一个PDF文档可以包含多页的图形和文本。PDF可用于创建跨平台、只读的文档，也可用于绘制依赖于分辨率的图形。          Quartz为所有应用程序创建高保真的PDF文档，这些文档保留应用的绘制操作，如图13-1所示。PDF文档的结果将通过系统的其它部分或第三方法的产品来有针对性地进行优化。Quartz创建的PDF
iOS学习笔记14—PDF的文件的创建、显示和解析
GarrettMan
08-16 3214
PDF的文件的创建、显示和解析在上一篇文章的这里有介绍： 图形框架: CoreGraphics.framework 包含 Quartz 2D 绘图 API 接口 。Quartz 是 Mac OS X 系统使用的向量绘图引擎,它支持基于路径绘图、抗锯齿渲染、渐变、图片、颜色、坐标空间转换、PDF
iOS PDF之旅（一）创建PDF文件
热门推荐
Jymn_Chen
11-05 1万+
直接用iOS程序和Quartz 2D创建PDF文件，并在上面添加网络URL和本地文件URL链接。
Chrome内核解析 -- 绘制引擎基础篇：绘图上下文(RenderingContext, GraphicsContext)
yunchao的专栏: HTML5/Chromium/Web, Graphics, Android
12-03 3921
转载请注明出处：http://blog.csdn.net/yunchao_he/article/details/41698169 众所周知，使用OpenGL/D3D绘图，或者GDI, GTK/Cario, QT, X11, Skia等与绘图相关的库时，有绘图上下文(GraphicsContext)这个概念。它和进程上下文有类似之处，只不过它保存绘图有关的信息，比如当前申请的Buffer, Texture, FBO等对象，以及这些对象的属性，如Texture的tile mode(repeat, mirror
Quartz 2D编程指南1-------Quartz 2D概述
renzhelife
07-15 174
在IOS中，Quartz 2D像Core Animation，OpenGL ES和UIKit类一样工作于可用的图形和动画技术。1.The Page Quartz 2D使用painter model去imageing。在painter model中，每一个连续的绘制操作都是应用一个paint layer到输出画布，通常称为a page。page上面一个对象的绘制不能修改，除非通过添加更多的pai...
CGContextRef详解
yick8799的专栏
03-27 2681
Graphics Context是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作,绘制完成后,将画布放到我们的view中显示即可,view看作是一个画框. Quartz提供了以下几种类型的Graphics Context： Bitmap Graphics Context PDF Graphics Context Window Graphics Context Layer
位图上下文 bitmap graphics context
乐事派的专栏
02-25 1091
这次我们要来学习如何为一张图片添加水印，为图片添加水印是现在很多社交软件都有实现的一个功能，我们在微博上面查看好友的图片的时候，图片的右下方经常附带有发表该微博的作者的名字，这就是我们今天要实现的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值