在iOS中的UIView的Graphics Context进行绘制

2014-12-12 21:18
分享到:

所谓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中的UIView的Graphics Context进行绘制

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

例如在UIView中画个圆

 1 - (void)drawRect:(CGRect)rect { 2      3     //    1. 获取一个与视图相关联的上下文 4     CGContextRef context = UIGraphicsGetCurrentContext(); 5      6     // 设置颜色 7     [[UIColor greenColor]setFill]; 8      9     // 2. 增加圆形的路径10     CGContextAddEllipseInRect(context, CGRectMake(50, 50, 200, 200));11     // 3. 画圆12     CGContextFillPath(context);13 14 }

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

二、创建一个PDF Graphics Context

 Quartz 2D API提供了两个函数来创建PDF Graphics Context:当创建一个PDF Graphics Context并绘制时,Quartz将绘制操作记录为一系列的PDF绘制命令并写入文件中。我们需要提供一个PDF输出的位置及一个默认的media box(用于指定页面边界的长方形)。

1.CGPDFContextCreateWithURL:当你需要用Core Foundation URL指定pdf输出的位置时使用该函数。

 1 CGContextRef MyPDFContextCreate (const CGRect *inMediaBox, CFStringRef path) 2 { 3     CGContextRef myOutContext = NULL; 4     CFURLRef url; 5     url = CFURLCreateWithFileSystemPath (NULL, path, kCFURLPOSIXPathStyle, false); 6     if (url != NULL) { 7         myOutContext = CGPDFContextCreateWithURL (url,  inMediaBox,  NULL); 8         CFRelease(url); 9     }10     return myOutContext;11 }

2.CGPDFContextCreate:当需要将pdf输出发送给数据用户时使用该方法。

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

下面是如何调用MyPDFContextCreate程序及绘制操作。

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

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

Keywords:上海APP开发 网站地图 友情链接:大连口才培训 粉尘加湿机 南京地暖 深圳起重机 深圳食堂承包 盘锦商务礼品 影视配音 电子电器网 酒店餐具 深圳名片印刷 2be水环式真空泵 冷压端子 麦格官网 徒手整形培训
  • 需求咨询
  • 技术咨询
  • 运营咨询
  • 需求咨询点击咨询
  • 技术咨询点击咨询