MFMailComposeViewController die Ausrichtung der Bilder

Habe ich damit verbracht, eine Anzahl von Stunden arbeiten zu diesem Thema, und ich bin mir jetzt klar darüber, was Los ist und wie es zu lösen ist.

Wiederholen, das problem, das ich gestoßen bin, ist:

Wenn ich Aufnahmen von Bildern im hochformat auf der Kamera mit der imagePickerController und übergeben Sie das Bild, um die MFMailComposeViewController und per e-mail, kommt es bei der Ziel-E-Mail-Adresse und angezeigt wird es fälschlicherweise im landscape-Modus.

Jedoch wenn ich Schießen das Bild im landscape-Modus und senden Sie es dann, ist es angezeigt, an die E-mail-Ziel, richtig in landscape-Modus

So, wie kann ich ein Bild im Porträt-Modus gelangen Sie an die E-Mail-Ziel im portrait-Modus? Das war meine ursprüngliche Frage.

Hier ist der code, wie ich zeigte es in der ursprünglichen Frage, mit der Ausnahme, dass ich jetzt senden das Bild als JPEG, sondern als PNG-aber das hat keinen Unterschied gemacht.

Dies ist, wie ich fange das Bild mit der imagePickerController und legen Sie Sie in eine Globale genannt gImag:

gImag = (UIImage *)[info valueForKey: UIImagePickerControllerOriginalImage];
[[self imageView] setImage: gImag];             //send image to screen
[self imagePickerControllerRelease: picker ];   //free the picker object

Und dies ist, wie ich E-Mail mit dem MFMailComposeViewController:

if ( [MFMailComposeViewController canSendMail] )
   {
   MFMailComposeViewController * mailVC = [MFMailComposeViewController new];
   NSArray * aAddr  = [NSArray arrayWithObjects: gAddr, nil];
   NSData * imageAsNSData = UIImageJPEGRepresentation( gImag );

   [mailVC setMailComposeDelegate: self];
   [mailVC        setToRecipients: aAddr];
   [mailVC             setSubject: gSubj];
   [mailVC      addAttachmentData: imageAsNSData
                         mimeType: @"image/jpg"
                         fileName: @"myPhoto.jpg"];
   [mailVC         setMessageBody: @"Blah blah"
                           isHTML: NO];

   [self presentViewController: mailVC
                      animated: YES
                    completion: nil];
   }
else NSLog( @"Device is unable to send email in its current state." );

Wenn ich beschreiben, wie dieses Problem zu lösen, werde ich den Fokus auf die Zusammenarbeit mit einem iPhone 5 und mit seiner Haupt-Kamera, die schießt bei 3264x2448 nur um Dinge einfach zu halten. Dieses problem hat jedoch Auswirkungen auf andere Geräte und Auflösungen.

Der Schlüssel zur Erschließung dieses problem ist zu erkennen, dass, wenn Sie ein Bild aufnehmen, entweder im portrait der Landschaft, das iPhone speichert immer die UIImage auf die gleiche Weise: als 3264 breit und 2448 hoch.

Einem UIImage hat eine Eigenschaft, die beschreibt, seine Orientierung an der Zeit das Foto aufgenommen wurde, und Sie können es wie folgt:

UIImageOrientation orient = image.imageOrientation;

Beachten Sie, dass die orientation-Eigenschaft hat nicht beschreiben, wie die Daten in der UIImage physisch konfiguriert (wie 3264w x 2448h); es beschreibt lediglich seine Orientierung an der Zeit das Bild aufgenommen wurde.

Eigentum ist zu sagen, die software, die etwa um das Bild anzuzeigen, wie zu drehen, also es wird korrekt angezeigt.

Wenn Sie eine Aufnahme im hochformat, Bild.Bildausrichtung zurück UIImageOrientationRight. Das sagt die Anzeige-software, die es braucht, um das Bild zu drehen 90 Grad, so daß es korrekt angezeigt wird. Klar sein, dass diese "rotation" hat keinen Einfluss auf die zugrunde liegende Lagerung von UIImage, das bleibt als 3264w x 2448h.

Wenn Sie eine Aufnahme im landscape-Modus, Bild.Bildausrichtung zurück UIImageOrientationUp. UIImageOrientationUp sagt die Anzeige-software, das Bild ist in Ordnung, um anzuzeigen, wie Sie ist; keine rotation erforderlich ist. Wieder, die zugrunde liegende Lagerung der UIIMage ist 3264w x 2448h.

Sobald Sie sich im klaren über den Unterschied zwischen dem, wie die Daten physisch gespeichert sind, vs., wie die orientation-Eigenschaft wird verwendet, um zu beschreiben, seine Orientierung an der Zeit es aufgenommen wurde, beginnen sich die Dinge klarer.

Erstellte ich ein paar Zeilen von debugging-code zu "sehen" alles.

Hier ist die imagePickerController code wieder mit der debugging-code Hinzugefügt:

gImag = (PIMG)[info valueForKey: UIImagePickerControllerOriginalImage];

UIImageOrientation orient = gImag.imageOrientation;
CGFloat            width  = CGImageGetWidth(gImag.CGImage);
CGFloat            height = CGImageGetHeight(gImag.CGImage);

[[self imageView] setImage: gImag];                 //send image to screen
[self imagePickerControllerRelease: picker ];   //free the picker object

Wenn wir fotografieren portrait, gImage kommt mit UIImageOrientationRight und Breite = 3264 und Höhe = 2448.

Wenn wir Schießen, Landschaft, gImage kommt mit UIImageOrientationUp und Breite = 3264 und Höhe = 2448.

Wenn wir weiter auf der E-Mailng MFMailComposeViewController code, ich habe den debugging-code gab es auch:

if ( [MFMailComposeViewController canSendMail] )
   {
   MFMailComposeViewController * mailVC = [MFMailComposeViewController new];
   NSArray * aAddr  = [NSArray arrayWithObjects: gAddr, nil];

   UIImageOrientation orient = gImag.imageOrientation;
   CGFloat            width  = CGImageGetWidth(gImag.CGImage);
   CGFloat            height = CGImageGetHeight(gImag.CGImage);

   NSData * imageAsNSData = UIImageJPEGRepresentation( gImag );

   [mailVC setMailComposeDelegate: self];
   [mailVC        setToRecipients: aAddr];
   [mailVC             setSubject: gSubj];
   [mailVC      addAttachmentData: imageAsNSData
                         mimeType: @"image/jpg"
                         fileName: @"myPhoto.jpg"];
   [mailVC         setMessageBody: @"Blah blah"
                           isHTML: NO];

   [self presentViewController: mailVC
                      animated: YES
                    completion: nil];
   }
else NSLog( @"Device is unable to send email in its current state." );

Nichts erstaunlich, zu sehen hier. Wir bekommen genau die gleichen Werte wie wir damals in der imagePickerController code.

Mal sehen, wie genau sich das problem äußert:

Beginnen, nimmt die Kamera ein hochformat gedreht und es wird korrekt angezeigt, im portrait-Modus, indem Sie die Zeile:

[[self imageView] setImage: gImag];                 //send image to screen

Wird es korrekt angezeigt, da diese Codezeile sieht, die Eigenschaft Ausrichtung und dreht das Bild entsprechend (während NICHT berühren die zugrunde liegende Lagerung bei 3264x2448).

Flow-of-control geht an die E-Mailer-code jetzt und die orientation-Eigenschaft ist noch heute in gImag so, wenn die MFMailComposeViewController code zeigt das Bild in der ausgehende E-Mail ist es korrekt ausgerichtet ist. Das physikalische Bild ist noch gespeichert, als 3264x2448.

Die E-Mail gesendet und auf der Empfangsseite, die Kenntnis der orientation-Eigenschaft verloren gegangen ist, so dass die empfangende software zeigt das Bild wie es ist physikalisch so angeordnet, wie 3264x2448, d.h. Landschaft.

Debuggen, ich lief in eine zusätzliche Verwirrung. Und das ist, dass die orientation-Eigenschaft entfernt werden können, von UIImage, wenn Sie eine Kopie machen es falsch.

Dieser code zeigt das problem:

if ( [MFMailComposeViewController canSendMail] )
   {
   MFMailComposeViewController * mailVC = [MFMailComposeViewController new];
   NSArray * aAddr  = [NSArray arrayWithObjects: gAddr, nil];

   UIImageOrientation orient = gImag.imageOrientation;
   CGFloat            width  = CGImageGetWidth(gImag.CGImage);
   CGFloat            height = CGImageGetHeight(gImag.CGImage);

   UIImage * tmp = [[UIImage alloc] initWithCGImage: gImag.CGImage];

   orient = tmp.imageOrientation;
   width  = CGImageGetWidth(tmp.CGImage);
   height = CGImageGetHeight(tmp.CGImage);

   NSData * imageAsNSData = UIImageJPEGRepresentation( tmp );

   [mailVC setMailComposeDelegate: self];
   [mailVC        setToRecipients: aAddr];
   [mailVC             setSubject: gSubj];
   [mailVC      addAttachmentData: imageAsNSData
                         mimeType: @"image/jpg"
                         fileName: @"myPhoto.jpg"];
   [mailVC         setMessageBody: @"Blah blah"
                           isHTML: NO];

   [self presentViewController: mailVC
                      animated: YES
                    completion: nil];
   }
else NSLog( @"Device is unable to send email in its current state." );

Wenn wir uns auf die debugging-Daten für die neue UIImage tmp, wir bekommen UIImageOrientationUp und Breite = 3264 und Höhe = 2448.

Die orientation-Eigenschaft wurde entfernt und die Standard-Ausrichtung ist. Wenn Sie nicht wissen, die Strippen Los ist, es kann wirklich verwirren alles.

Wenn ich diesen code ausführen, bekomme ich jetzt folgende Ergebnisse:

Dinge sind unverändert in die imagePickerController code; das Bild aufgenommen wird, als zuvor.

Flow-of-control geht auf den E-Mailer code aber jetzt ist die orientation-Eigenschaft wurde entfernt tmp-image, so dass, wenn die MFMailComposeViewController code zeigt die tmp-Bild in die ausgehende E-Mail wird Ihnen angezeigt, im landscape-Modus (weil die Standard-Ausrichtung ist UIImageOrientationUp es gibt also keine rotation durchgeführt der 3264x2448 Bild).

Die E-Mail gesendet und auf der Empfangsseite, die Kenntnis von der Eigenschaft "Ausrichtung" fehlt auch, so dass die empfangende software zeigt das Bild wie es ist physikalisch so angeordnet, wie 3264x2448, d.h. Landschaft.

Diese 'stripping' der orientation-Eigenschaft bei der Erstellung von Kopien der UIImage können vermieden werden, wenn man sich bewusst ist, es geht auf, indem Sie den folgenden code, um das UIImage kopieren:

UIImage * tmp = [UIImage imageWithCGImage: gImag.CGImage
                                    scale: gImag.scale
                              orientation: gImag.imageOrientation];

Erlauben würde, dass Sie zu vermeiden, verlieren die Orientierung-Eigenschaft auf dem Weg, aber es würde immer noch nicht den Umgang mit seinen Verlust auf der Gegenseite, wenn Sie e-mail das Bild.

Es gibt einen besseren Weg, als dies alles über Unordnung und sich Gedanken über die orientation-Eigenschaft.

Fand ich einige code hier, dass ich integriert haben, ist in meinem Programm. Dieser code wird physisch drehen Sie den zugrunde liegenden gespeicherten Bildes entsprechend seiner Eigenschaft Ausrichtung.

Für ein UIImage mit einer Orientierung UIImageOrientationRight, es wird physisch drehen Sie das UIImage, so dass es endet als 2448x3264 und es wird Streifen entfernt die orientation-Eigenschaft, so dass es gesehen wird, die danach als Standard-UIImageOrientationUp.

Für ein UIImage mit einer Orientierung UIImageOrientationUp, es tut sich nix. Es ermöglicht die schlafende Landschaft Hunde liegen.

Wenn Sie dies tun, dann denke ich (basierend auf dem, was ich bisher gesehen habe), dass die orientation-Eigenschaft des UIImage ist überflüssig danach. So lange er noch fehlen/entfernt oder gesetzt UIImageOrientationUp, sollten Ihre Bilder werden korrekt angezeigt, bei jedem Schritt entlang der Weise-und am Fernen Ende, wenn die eingebettete Bilder in Ihrem E-Mail angezeigt wird.

Alles, was ich besprochen habe in der Antwort, die ich persönlich einzelschrittmodus und sah es passieren.

So, hier mein endgültiger code, der funktioniert:

gImag = (PIMG)[info valueForKey: UIImagePickerControllerOriginalImage];
[[self imageView] setImage: gImag];             //send image to screen
[self imagePickerControllerRelease: picker ];   //free the picker object

und

if ( [MFMailComposeViewController canSendMail] )
   {
   MFMailComposeViewController * mailVC = [MFMailComposeViewController new];
   NSArray                     * aAddr  = [NSArray arrayWithObjects: gAddr, nil];

   //...lets not touch the original UIImage

   UIImage * tmpImag = [UIImage imageWithCGImage: gImag.CGImage
                                           scale: gImag.scale
                                     orientation: gImag.imageOrientation];

   //...do physical rotation, if needed

   PIMG ImgOut = [gU scaleAndRotateImage: tmpImag];

   //...note orientation is UIImageOrientationUp now

   NSData * imageAsNSData = UIImageJPEGRepresentation( ImgOut, 0.9f );

   [mailVC setMailComposeDelegate: self];
   [mailVC        setToRecipients: aAddr];
   [mailVC             setSubject: gSubj];
   [mailVC      addAttachmentData: imageAsNSData
                         mimeType: @"image/jpg"
                         fileName: @"myPhoto.jpg"];
   [mailVC         setMessageBody: @"Blah blah"
                           isHTML: NO];

   [self presentViewController: mailVC
                      animated: YES
                    completion: nil];
   }
else NSLog( @"Device is unable to send email in its current state." );   

Und, schließlich, hier ist der code, den ich packte aus hier, dass nicht die körperliche Drehung, wenn nötig:

- (UIImage *) scaleAndRotateImage: (UIImage *) imageIn
   //...thx: http://blog.logichigh.com/2008/06/05/uiimage-fix/
   {
   int kMaxResolution = 3264; //Or whatever

   CGImageRef        imgRef    = imageIn.CGImage;
   CGFloat           width     = CGImageGetWidth(imgRef);
   CGFloat           height    = CGImageGetHeight(imgRef);
   CGAffineTransform transform = CGAffineTransformIdentity;
   CGRect            bounds    = CGRectMake( 0, 0, width, height );

   if ( width > kMaxResolution || height > kMaxResolution )
      {
      CGFloat ratio = width/height;

      if (ratio > 1)
         {
         bounds.size.width  = kMaxResolution;
         bounds.size.height = bounds.size.width / ratio;
         }
      else
         {
         bounds.size.height = kMaxResolution;
         bounds.size.width  = bounds.size.height * ratio;
         }
      }

   CGFloat            scaleRatio   = bounds.size.width / width;
   CGSize             imageSize    = CGSizeMake( CGImageGetWidth(imgRef),         CGImageGetHeight(imgRef) );
   UIImageOrientation orient       = imageIn.imageOrientation;
   CGFloat            boundHeight;

   switch(orient)
      {
      case UIImageOrientationUp:                                        //EXIF = 1
         transform = CGAffineTransformIdentity;
         break;

      case UIImageOrientationUpMirrored:                                //EXIF = 2
         transform = CGAffineTransformMakeTranslation(imageSize.width, 0.0);
         transform = CGAffineTransformScale(transform, -1.0, 1.0);
         break;

      case UIImageOrientationDown:                                      //EXIF = 3
         transform = CGAffineTransformMakeTranslation(imageSize.width, imageSize.height);
         transform = CGAffineTransformRotate(transform, M_PI);
         break;

      case UIImageOrientationDownMirrored:                              //EXIF = 4
         transform = CGAffineTransformMakeTranslation(0.0, imageSize.height);
         transform = CGAffineTransformScale(transform, 1.0, -1.0);
         break;

      case UIImageOrientationLeftMirrored:                              //EXIF = 5
         boundHeight = bounds.size.height;
         bounds.size.height = bounds.size.width;
         bounds.size.width = boundHeight;
         transform = CGAffineTransformMakeTranslation(imageSize.height, imageSize.width);
         transform = CGAffineTransformScale(transform, -1.0, 1.0);
         transform = CGAffineTransformRotate(transform, 3.0 * M_PI / 2.0);
         break;

      case UIImageOrientationLeft:                                      //EXIF = 6
         boundHeight = bounds.size.height;
         bounds.size.height = bounds.size.width;
         bounds.size.width = boundHeight;
         transform = CGAffineTransformMakeTranslation(0.0, imageSize.width);
         transform = CGAffineTransformRotate(transform, 3.0 * M_PI / 2.0);
         break;

      case UIImageOrientationRightMirrored:                             //EXIF = 7
         boundHeight = bounds.size.height;
         bounds.size.height = bounds.size.width;
         bounds.size.width = boundHeight;
         transform = CGAffineTransformMakeScale(-1.0, 1.0);
         transform = CGAffineTransformRotate(transform, M_PI / 2.0);
         break;

      case UIImageOrientationRight:                                     //EXIF = 8
         boundHeight = bounds.size.height;
         bounds.size.height = bounds.size.width;
         bounds.size.width = boundHeight;
         transform = CGAffineTransformMakeTranslation(imageSize.height, 0.0);
         transform = CGAffineTransformRotate(transform, M_PI / 2.0);
         break;

      default:
         [NSException raise: NSInternalInconsistencyException
                     format: @"Invalid image orientation"];

      }

   UIGraphicsBeginImageContext( bounds.size );

   CGContextRef context = UIGraphicsGetCurrentContext();

   if ( orient == UIImageOrientationRight || orient == UIImageOrientationLeft )
      {
      CGContextScaleCTM(context, -scaleRatio, scaleRatio);
      CGContextTranslateCTM(context, -height, 0);
      }
   else
      {
      CGContextScaleCTM(context, scaleRatio, -scaleRatio);
      CGContextTranslateCTM(context, 0, -height);
      }

   CGContextConcatCTM( context, transform );

   CGContextDrawImage( UIGraphicsGetCurrentContext(), CGRectMake( 0, 0, width, height ), imgRef );
   UIImage *imageCopy = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();

   return( imageCopy );
   }

Cheers aus Neuseeland.

swift version der Skala Teil:

class func scaleAndRotateImageUsingOrientation(imageIn : UIImage) -> UIImage
    {
        //takes into account the stored rotation on the image fromt he camera and makes it upright
        let kMaxResolution = 3264; //Or whatever

        let imgRef    = imageIn.CGImage
        let width     = CGImageGetWidth(imgRef)
        let height    = CGImageGetHeight(imgRef)
        var transform = CGAffineTransformIdentity
        var bounds    = CGRectMake( 0.0, 0.0, CGFloat(width), CGFloat(height) )

        if ( width > kMaxResolution || height > kMaxResolution )
        {
            let ratio : CGFloat = CGFloat(width) / CGFloat(height);

            if (ratio > 1)
            {
                bounds.size.width  = CGFloat(kMaxResolution)
                bounds.size.height = bounds.size.width / ratio;
            }
            else
            {
                bounds.size.height = CGFloat(kMaxResolution)
                bounds.size.width  = bounds.size.height * ratio
            }
        }

        let scaleRatio : CGFloat = bounds.size.width / CGFloat(width)
        var imageSize    = CGSizeMake( CGFloat(CGImageGetWidth(imgRef)), CGFloat(CGImageGetHeight(imgRef)) )
        let orient       = imageIn.imageOrientation;
        var boundHeight : CGFloat = 0.0

        switch(orient)
        {
        case UIImageOrientation.Up:                                        //EXIF = 1
            transform = CGAffineTransformIdentity;
            break;

        case UIImageOrientation.UpMirrored:                                //EXIF = 2
            transform = CGAffineTransformMakeTranslation(imageSize.width, 0.0);
            transform = CGAffineTransformScale(transform, -1.0, 1.0);
        break;

        case UIImageOrientation.Down:                                      //EXIF = 3
            transform = CGAffineTransformMakeTranslation(imageSize.width, imageSize.height);
            transform = CGAffineTransformRotate(transform, CGFloat(M_PI));
            break;

        case UIImageOrientation.DownMirrored:                              //EXIF = 4
            transform = CGAffineTransformMakeTranslation(0.0, imageSize.height);
            transform = CGAffineTransformScale(transform, 1.0, -1.0);
            break;

        case UIImageOrientation.LeftMirrored:                              //EXIF = 5
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(imageSize.height, imageSize.width);
            transform = CGAffineTransformScale(transform, -1.0, 1.0);
            transform = CGAffineTransformRotate(transform, 3.0 * CGFloat(M_PI) / 2.0);
            break;

        case UIImageOrientation.Left:                                      //EXIF = 6
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(0.0, imageSize.width);
            transform = CGAffineTransformRotate(transform, 3.0 * CGFloat(M_PI) / 2.0);
            break;

        case UIImageOrientation.RightMirrored:                             //EXIF = 7
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeScale(-1.0, 1.0);
            transform = CGAffineTransformRotate(transform, CGFloat(M_PI) / 2.0);
            break;

        case UIImageOrientation.Right:                                     //EXIF = 8
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(imageSize.height, 0.0);
            transform = CGAffineTransformRotate(transform, CGFloat(M_PI) / 2.0);
            break;

        default:
            break

        }

        UIGraphicsBeginImageContext( bounds.size );

        var context = UIGraphicsGetCurrentContext();

        if ( orient == UIImageOrientation.Right || orient == UIImageOrientation.Left )
        {
            CGContextScaleCTM(context, -scaleRatio, scaleRatio);
            CGContextTranslateCTM(context, CGFloat(-height), 0);
        }
        else
        {
            CGContextScaleCTM(context, scaleRatio, -scaleRatio);
            CGContextTranslateCTM(context, 0, CGFloat(-height));
        }

        CGContextConcatCTM( context, transform );

        CGContextDrawImage( UIGraphicsGetCurrentContext(), CGRectMake( 0, 0, CGFloat(width), CGFloat(height) ), imgRef );
        let imageCopy = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();

        return( imageCopy );
    }

Müssen Sie das Bild drehen, je nach Ihrer Ausrichtung. Hier ist ein trick wie man es leicht tun:

NSData *data = UIImagePNGRepresentation(sourceImage);
UIImage *tmp = [UIImage imageWithData:data];
UIImage *fixed = [UIImage imageWithCGImage:tmp.CGImage
                                     scale:sourceImage.scale
                               orientation:sourceImage.imageOrientation];