Why does my programmatically created screenshot look so bad on iOS 7?

Question

I am trying to implement sharing app with facebook. I used this code to take the screenshot:

CGSize imageSize = CGSizeMake(self.view.bounds.size.width, self.view.bounds.size.height);
UIGraphicsBeginImageContext(imageSize);
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

It works great on iOS 6, but in iOS 7 the image looks very bad. I used this answer: iOS: what's the fastest, most performant way to make a screenshot programmatically? for trying to fix it, and it helped, still the screenshot looks bad. The screen gets another color, and some objects (like labels) aren't showing on the image taken. Any help?

----Update----

I managed to solve the most objects, by change them to retain instead of weak. My main problem remained my tableview, that shown as a big white block (It supposed to be transparent, with labels with white text, so all we see is white cells). I did try to define the table background as clearcolor,not helps..

----Last Update---

There are wonderful answers here that not really regarding to my issue.. I wanted to make it work on device that runs with iOS7 but without using iOS7 SDK, since it takes to much effort to switch the project SDK in this point, when the project is almost done.

Anyway, I added the peace of code that finally solved my issue:

This change simply solve the problem:

UIGraphicsBeginImageContextWithOptions(imageSize, NO , 0.0f);

instead of:

UIGraphicsBeginImageContext(imageSize);

Solution 1

New API has been added since iOS 7, that should provide efficient way of getting snapshot

• snapshotViewAfterScreenUpdates: renders the view into a UIView with unmodifiable content

• resizableSnapshotViewFromRect:afterScreenUpdates:withCapInsets : same thing, but with resizable insets

• drawViewHierarchyInRect:afterScreenUpdates: : same thing if you need all subviews to be drawn too (like labels, buttons...)

You can use the UIView returned for any UI effect, or render in into an image like you did if you need to export.

I don't know how good this new method performs VS the one you provided (although I remember Apple engineers saying this new API was more efficient)

Solution 2

you can try this

- (UIImage *) screenshot {
    UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, [UIScreen mainScreen].scale);

    [self.view drawViewHierarchyInRect:self.view.bounds afterScreenUpdates:YES];

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

Solution 3

in iOS 8 : this is how i am doing to get ScreenShot

1. just added one UIImageView and Method to take screenshot in .h file

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

 -(IBAction)takeSnapShot:(id)sender;

2 added code snip for taking screen shot and set on UIImageView in .m file

- (IBAction)takeSnapShot:(id)sender
{
    UIGraphicsBeginImageContext(self.view.bounds.size);
    [self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *snapShotImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    imageView.image = snapShotImage;
}

3. below is the output i got.

Solution 4

On iOS7 you can have glitches if you use

[view drawViewHierarchyInRect:view.bounds afterScreenUpdates:YES]

during ongoing animation. Set afterScreenUpdates = NO to get rid of glitches.

View more solutions