UIImagePicker how to get the preview rect match the actual image

[tmeehan]

In the UIImagePicker, when taking a picture, the full 320 x 480 preview image is the image that will be captured when the picture is taken. so when you have a custom overlay with a tool bar with buttons at the bottom (like the camera app has), the tool bar obstructs part of the preview. But the actual photo taken will include the stuff that was under the tool bar in the preview.

I notice that that is not the case with the camera app. somehow it resizes the preview so the area under the tool bar is not part of the picture. But in all the sample code I've found, the area under the tool bar is part of the picture that gets taken. I would have assumed that the preview view was scaled down so that the 320 x 480 picture area was now ??? x 440 (or what ever the screen height minus the toolbar height is). I would also have assumed that the 320 dimension would be scaled as well to keep the aspect ratio correct. But it seems that the full 320 screen width is in the picture but somehow the height is scaled or something like that.

The question is : How do I get the preview view to show exactly what's going to be in the picture and not have any of it obstructed by the tool bar.

Any clues would be greatly appreciated. thanks.

[sneaky]

So in your case the uiimageview in the background has the full height of the screen, 480. At the bottom you have the toolbar on top of your imageview. You need to shorten your imageview so that the height of your imageview + height of toolbar = 480 (or 460 if the top bar is visible...).

In order to keep aspect ration you need to set Aspect Fit in your imageview.

imageView.contentMode = UIViewContentModeScaleAspectFit;

This will probably leave black bars on either top or sides but this will ensure you see the whole photo, correct aspect ratio. You may want to look in to aspect fill as well as it's the prettier option.