在 iOS 4 中保存 UIView 内容，并使用内部图像的实际大小（即放大内容进行保存）

Question

我有一个 UIView，其中有许多 UIImageView 作为子视图。该应用程序在 iOS4 上运行，我使用具有视网膜显示分辨率的图像（即图像加载比例= 2）

我想保存 UIView 的内容...但是...里面有图像的实际大小。即视图的大小为 200x200，内部的图像比例为 2，我想保存 400x400 的结果图像以及所有实际大小的图像。

现在首先想到的是创建一个新的图像上下文并再次加载内部所有图像的比例=1，这应该可以，但我想知道是否有更优雅的方法来做到这一点？似乎需要大量内存和处理器时间来重新加载所有内容，因为它已经完成了......

ps如果有人有答案 - 包括代码会很好

Answer 1

将任何 UIView 渲染为图像的实现（也适用于视网膜显示）。

helper.h 文件：

@interface UIView (Ext) 
- (UIImage*) renderToImage;
@end

以及 helper.m 文件中的所属实现：

#import <QuartzCore/QuartzCore.h>

@implementation UIView (Ext)
- (UIImage*) renderToImage
{
  // IMPORTANT: using weak link on UIKit
  if(UIGraphicsBeginImageContextWithOptions != NULL)
  {
    UIGraphicsBeginImageContextWithOptions(self.frame.size, NO, 0.0);
  } else {
    UIGraphicsBeginImageContext(self.frame.size);
  }

  [self.layer renderInContext:UIGraphicsGetCurrentContext()];
  UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();  
  return image;
}

0.0 是比例因子。应用于位图的比例因子。如果指定值 0.0，比例因子将设置为设备主屏幕的比例因子。

QuartzCore.framework 也应该放入项目中，因为我们正在调用图层对象上的函数。

要启用 UIKit 框架上的弱链接，请单击左侧导航器中的项目项，单击项目目标 ->构建阶段 ->链接二进制文件并在 UIKit 框架上选择“可选”（弱）类型。

这是库，具有 UIColor、UIImage、NSArray、NSDictionary 等类似扩展。

Answer 2

我已经执行了这样的操作，将 MKMapView 中的引脚保存为 PNG 文件（在视网膜显示中）： MKPinAnnotationView：是否有超过三种颜色可用？

以下是执行 UIView 保存的关键部分的摘录（theView) 使用其视网膜定义：

-(void) saveMyView:(UIView*)theView {
    //The image where the view content is going to be saved.
    UIImage* image = nil;
    UIGraphicsBeginImageContextWithOptions(theView.frame.size, NO, 2.0);
    [theView.layer renderInContext: UIGraphicsGetCurrentContext()];
    image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    NSData* imgData = UIImagePNGRepresentation(image);
    NSString* targetPath = [NSString stringWithFormat:@"%@/%@", [self writablePath], @"thisismyview.png" ];
    [imgData writeToFile:targetPath atomically:YES]; 
}


<代码>-(NSString*) writablePath {
    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    NSString *documentsDirectory = [paths objectAtIndex:0];
    返回文档目录；
}

Answer 3

关键是 UIGraphicsBeginImageContextWithOptions 的第三个参数是比例，它决定了图像最终如何写出。

如果您始终想要真实的像素尺寸，请使用 [[UIScreen mainScreen] scale] 获取屏幕的当前比例：

UIGraphicsBeginImageContextWithOptions(viewSizeInPoints, YES, [[UIScreen mainScreen] scale]);

如果您在iPhone4上使用scale=1.0，您将获得尺寸以点为单位的图像，并且结果是根据真实像素数按比例缩小的。如果您手动将图像写入 640x960 尺寸（例如：将像素作为第一个参数传递），它实际上是按比例缩小的图像，然后按比例放大，看起来与您想象的一样糟糕。

Answer 4

难道您不能以所需的大小创建一个新的图形上下文，使用 CGAffineTransform 将其缩小，渲染根 UIView 的根层，将上下文恢复到原始大小并渲染图像吗？还没有尝试过对视网膜内容进行此操作，但这似乎对于在 UIImageViews 中按比例缩小的大图像效果很好...

类似：

CGSize originalSize = myOriginalImage.size; //or whatever

//create context
UIGraphicsBeginImageContext(originalSize);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSaveGState(context); //1 original context

// translate/flip the graphics context (for transforming from CG* coords to UI* coords
CGContextTranslateCTM(context, 0, originalSize.height);
CGContextScaleCTM(context, 1.0, -1.0);

//original image
CGContextDrawImage(context, CGRectMake(0,0,originalSize.width,originalSize.height), myOriginalImage.CGImage);

CGContextRestoreGState(context);//1 restore to original for UIView render;

//scaling
CGFloat wratio = originalSize.width/self.view.frame.size.width;
CGFloat hratio = originalSize.height/self.view.frame.size.height;

//scale context to match view size
CGContextSaveGState(context); //1 pre-scaled size
CGContextScaleCTM(context, wratio, hratio);

//render 
[self.view.layer renderInContext:context];

CGContextRestoreGState(context);//1  restore to pre-scaled size;

UIImage *exportImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Answer 5

导入QuartzCore（单击主项目，构建阶段，导入）并在需要的地方添加：

#import <QuartzCore/QuartzCore.h>

我的imageViews是属性，如果不是，请忽略.self并将imageViews作为参数传递到函数中，然后在新的 UIGraphicsCurrentContext 中对两个图像调用 renderInContext

- (UIImage *)saveImage
{
    UIGraphicsBeginImageContextWithOptions(self.mainImage.bounds.size, NO, 0.0);

    [self.backgroundImage.layer renderInContext:UIGraphicsGetCurrentContext()];
    [self.mainImage.layer renderInContext:UIGraphicsGetCurrentContext()];

    UIImage *savedImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return savedImage;
}