大多数情况下, 通常直接使用标准的view来展示image, 不过, 有两中情况需要做些额外的工作:
- 如果你将image作为自定义view的部分展示. 你需要在
drawRect:中将image绘制到view中. - 如果你想离屏(延迟显示, 或者保存到文件)渲染image, 那么必须创建一个bitmap上下文环境.
绘制image
为了获得最大的性能，如果可以使用UIImageView类显示图像的需要，则应该使用此图像对象来初始化UIImageView对象。但是，如果需要显式绘制图像，则可以存储图像并在视图的drawRect:方法中使用它。
下面的示例演示如何从应用程序包中加载图像。
NSString *imagePath = [[NSBundle mainBundle] pathForResource:@"myImage" ofType:@"png"];
UIImage *myImageObj = [[UIImage alloc] initWithContentsOfFile:imagePath];
// Store the image into a property of type UIImage *
// for use later in the class's drawRect: method.
self.anImage = myImageObj;
要在视图的drawRect:方法中显式地绘制结果图像，可以使用UIImage中可用的任何绘图方法。这些方法允许您指定在视图中要绘制图像的位置，因此不需要在绘制之前创建和应用单独的转换。
下面的代码片段在视图中的点(10, 10)绘制上方加载的图像。
- (void)drawRect:(CGRect)rect {
...
// Draw the image.
[self.anImage drawAtPoint:CGPointMake(10, 10)];
}
重要: 如果你使用
CGContextDrawImage函数来直接绘制bitmap图像, 那么图像会在y轴方向翻转了. 因为CoreGraphic中的坐标系是LLO型的, 想绘制正常的图像, 那么你需要对Graphic context做变换, 前面内容已经讲过.
使用Bitmap图像上下文创建新的image
多数情况下, 你是将内容绘制到屏幕上以便显示. 但是有时候需要将一些内容绘制到屏幕外缓冲区. 例如, 你可能希望创建一个现有图像的缩略图, 然后绘制到缓冲区以便将其保存到文件等. 为了支持这些需求, 你可以创建一个bitmap图像上下文, 使用UIKit或Core Graphic框架对其进行绘制, 然后从上下文中获取图像对象.
在UIKit中, 步骤如下:
- 调用
UIGraphicsBeginImageContextWithOptions来创建一个bitmap图像上下文然后push进Graphic堆栈.- 第一个参数
size, 传一个CGSize来确定绘图区域大小 - 第二个参数
opaque, 如果你的image包含透明的部分,传NO; 否则, 传YES, 这样性能也能提升 - 第三参数
scale, 传0.0, 如果比bitmap已经适配屏幕, 也可按需传入其他值.
- 第一个参数
举个例子, 下面的代码片段创建一个200x200像素的bitmap(像素量有scale*点数)
UIGraphicsBeginImageContextWithOptions(CGSizeMake(100.0,100.0), NO, 2.0);
注意:你平常应该避免使用名称类似
UIGraphicsBeginImageContext的函数(除了作为向后兼容性的回退之外), 因为它总是创建scale为1.0的像素, 如果底层设备具有高分辨率屏幕, 使用上面的函数创建的图像看起来可能不会那么平滑.
- 使用UIKit或者Core Graphic的绘图方式将图像绘制到新创建的图形上下文中
- 调用
UIGraphicsGetImageFromCurrentImageContext函数来创建和返回一个你绘制的UIImage对象. 你可以继续绘制内容然后调用该方法获取新的图片 - 调用
UIGraphicsEndImageContext函数pop出当前bitmap图形上下文.
代码4-1中的方法从网上下载一张图片然后将其绘制到上下文, 缩小APP icon的图片大小. 从bitmap数据中获取UIImage对象, 然后赋值给一个变量. 要注意bitmap(函数UIGraphicsBeginImageContextWithOptions的第一个参数)中的size和绘制内容(imageRect的size)的size要相符. 如果内容的size要比bitmap大, 一部分内容将被裁剪掉
代码清单4-1 将缩小的图像绘制到位图上下文并获得结果图像
- (void)connectionDidFinishLoading:(NSURLConnection *)connection {
UIImage *image = [[UIImage alloc] initWithData:self.activeDownload];
if (image != nil && image.size.width != kAppIconHeight && image.size.height != kAppIconHeight) {
CGRect imageRect = CGRectMake(0.0, 0.0, kAppIconHeight, kAppIconHeight);
UIGraphicsBeginImageContextWithOptions(itemSize, NO, [UIScreen mainScreen].scale);
[image drawInRect:imageRect];
self.appRecord.appIcon = UIGraphicsGetImageFromCurrentImageContext(); // UIImage returned.
UIGraphicsEndImageContext();
} else {
self.appRecord.appIcon = image;
}
self.activeDownload = nil;
[image release];
self.imageConnection = nil;
[delegate appImageDidLoad:self.indexPathInTableView];
}
您还可以调用Core Graphics函数来绘制生成的位图图像的内容；清单3-2中的代码片段给出了一个示例，该代码片段绘制了PDF页面的缩放图像。注意，代码在调用CGContextDrawPDFPage之前翻转图形上下文，以使绘制的图像与UIKit的默认坐标系统对齐。
代码清单3-2 使用Core Graphic函数往bitmap上下文中绘制内容
// Other code precedes...
CGRect pageRect = CGPDFPageGetBoxRect(page, kCGPDFMediaBox);
pdfScale = self.frame.size.width/pageRect.size.width;
pageRect.size = CGSizeMake(pageRect.size.width * pdfScale, pageRect.size.height * pdfScale);
UIGraphicsBeginImageContextWithOptions(pageRect.size, YES, pdfScale);
CGContextRef context = UIGraphicsGetCurrentContext();
// First fill the background with white.
CGContextSetRGBFillColor(context, 1.0,1.0,1.0,1.0);
CGContextFillRect(context,pageRect);
CGContextSaveGState(context);
// Flip the context so that the PDF page is rendered right side up
CGContextTranslateCTM(context, 0.0, pageRect.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
// Scale the context so that the PDF page is rendered at the
// correct size for the zoom level.
CGContextScaleCTM(context, pdfScale,pdfScale);
CGContextDrawPDFPage(context, page);
CGContextRestoreGState(context);
UIImage *backgroundImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
backgroundImageView = [[UIImageView alloc] initWithImage:backgroundImage];
// Other code follows...
如果你喜欢全用Core Graphic来绘制内容, 那么你可以使用CGBitmapContextCreate函数来创建上下文, 并将图像内容会知道上下文中. 完成绘图后, 调用CGBitmapContextCreateImage函数来获取CGImageRef对象. 使用直接使用Core Graphic来绘制图像, 也可以创建UIImage对象. 最后调用CGContextRelease函数来释放上文对象.
