Flatteing UIImages and Saving to Camera Roll

[learningtocode]

I am trying to create a fun photo app. So far I have used UIPIckerViewController to pull up the camera/photo libarary and then load it to a UIImage View. I also have another UIImageView with a preloaded clipart (hat) that has UIGestures set. What I am trying to do now is load other customized clipart like hair, and sunglasses to the original picture and then save them to the camera roll. Am I headed in the right direction? and How should I go about doing this?

[Domele]

If it was me, I'd create a blank UIVIew called canvas and add the UIImageView and all my other clip art to that and then take a picture of it using canvas.layer renderInContext.

Here is the code to take a picture, just instead of self use canvas or whatever your view is named.

if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
    UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, [UIScreen mainScreen].scale);
} else {
    UIGraphicsBeginImageContext(self.view.bounds.size);
}
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);

Code copied and pasted from http://stackoverflow.com/questions/8...-specific-area

[Duncan C]

Originally Posted by jacklee440

What I am trying to do now is load other customized clipart like hair, and sunglasses to the original picture and then save them to the camera roll. Am I headed in the right direction? and How should I go about doing this?

Domele gave you code that would let you flatten the contents of a "canvas" view into an image that contains all the different subviews combined.

in other words, he gave you a solution to what you are trying to do.

Set up a container view. Let's call it canvasView. In that view, add the image view the user picked as a subview. Also add views for hats, mustaches, hair, big ears, whatever. Let the user manipulate as desired.

Once you are ready to save, use the code Domele posted to flatten the canvas view and it's subviews into an image, and save that.

[Domele]

Lol, Duncan, that wasn't the OP asking again. That was a bot copying his post.

[Duncan C]

Originally Posted by Domele

Lol, Duncan, that wasn't the OP asking again. That was a bot copying his post.

Wow, really? Bots are smart enough now to extract sentences from posts and re-post them? Impressive.

What the he|| is the point of such a thing? Trying to get us to click the links in the sig? Seems awfully lame.

[learningtocode]

Originally Posted by Domele

If it was me, I'd create a blank UIVIew called canvas and add the UIImageView and all my other clip art to that and then take a picture of it using canvas.layer renderInContext.

Here is the code to take a picture, just instead of self use canvas or whatever your view is named.

if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
    UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, [UIScreen mainScreen].scale);
} else {
    UIGraphicsBeginImageContext(self.view.bounds.size);
}
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);

Code copied and pasted from objective c - Programmatically take a screenshot of specific area - Stack Overflow

Thank you so much. I will give it a shot this afternoon!

[learningtocode]

Originally Posted by Duncan C

Wow, really? Bots are smart enough now to extract sentences from posts and re-post them? Impressive.

What the he|| is the point of such a thing? Trying to get us to click the links in the sig? Seems awfully lame.

Crazy huh! Thanks for your input

[learningtocode]

Originally Posted by Domele

If it was me, I'd create a blank UIVIew called canvas and add the UIImageView and all my other clip art to that and then take a picture of it using canvas.layer renderInContext.

Here is the code to take a picture, just instead of self use canvas or whatever your view is named.

if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
    UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, [UIScreen mainScreen].scale);
} else {
    UIGraphicsBeginImageContext(self.view.bounds.size);
}
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);

Code copied and pasted from objective c - Programmatically take a screenshot of specific area - Stack Overflow

I implemented your code and have successfully saved my images into my camera roll. The only thing now is I am getting my "Title Bars" in the image that is saved to the camera roll. Is there a way to customize the area of the initial picture?

[Domele]

Did you create a specific view for your image and all of its "accessories?" If so, you need to replace self.view with self.canvas or whatever your view is named.

[learningtocode]

Originally Posted by Domele

Did you create a specific view for your image and all of it's "accesories?" If so, you need to replace self.view with self.canvas or whatever your view is named.

that did it! thank you so much!!!

[Keys]

Question for screen captures that flatten... I'm using the following code which i have managed to get the size of the screen capture to work, however it starts from the top of the screen... how do i define where the screen capture starts from. i.e. if i have a toolbar at the top i want the screen capture at 60 pixels down + size i define?

THis is part of the code I'm using

background is the 'size' of the capture i want, but its cutting the wrong bit out of self!


UIGraphicsBeginImageContext(Background.bounds.size );
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];



Also any idea how to get it to capture in retina display as i believe it is capturing at the old 320 x 480 dimensions..