Сохранение содержимого UIView в iOS 4 с реальным размером изображений внутри (т.е. масштабирование содержимого для сохранения)

Реализация для рендеринга любого UIView в изображение (работает также и для дисплея Retina).

файл 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, ...

Я выполнил такую ​​вещь, чтобы сохранить контакты из 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];
    return documentsDirectory;
}

Ключевым моментом является то, что третьим параметром UIGraphicsBeginImageContextWithOptions является scale, который определяет, как изображение будет в конечном итоге записано.

Если вам всегда нужны реальные размеры в пикселях, используйте [[UIScreen mainScreen] scale], чтобы получить текущий масштаб экрана:

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

Если вы используете scale = 1.0 на iPhone4, вы получите изображение с его размером в точках, а результат будет уменьшен по сравнению с истинным количеством пикселей. Если вы вручную записываете изображение в размер 640x960 (например, передавая пиксели в качестве первого параметра), на самом деле это будет уменьшенное изображение, которое масштабируется обратно, что выглядит примерно так же ужасно, как вы себе представляете.

Не могли бы вы просто создать новый графический контекст желаемого размера, использовать 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();

Импортируйте QuartzCore (щелкните основной проект, выберите этапы сборки, импортируйте) и добавьте в нужное место:

#import <QuartzCore/QuartzCore.h>

Мои imageView - это свойства, если у вас нет, игнорируйте .self и передайте imageView в функцию в качестве параметров, затем вызывайте renderInContext для двух изображений в новом UIGraphicsCurrentContext

- (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;
}