How to add a uiimagepickerview custom overlay

Desmond picture Desmond · Mar 28, 2012 · Viewed 15k times · Source

i will like to add a custom overlay on the UIImagepickerview with some custom buttons.

will appreciated if anyone could show me a link or 2 to the tutorial.

thanks

Answer

g_low picture g_low · Mar 28, 2012

Here is a PhotoPicker sample code project:

https://developer.apple.com/library/ios/#samplecode/PhotoPicker/Introduction/Intro.html#//apple_ref/doc/uid/DTS40010196

The gist is to make your own class with a .xib file with a custom toolbar, and then add that as a custom overlay. Make sure that you set your UIImagePickerController's showCameraControls property to NO.

Assuming that you have created a OverlayViewController class that is a UIImagePickerControllerDelegate and has a UIImagePickerController picker:

self.picker.showsCameraControls = NO;

In addition (for iPhone), you will find that there is a difference in aspect ratio between the live camera picture and the iPhone screen size, which will give you a bar at the bottom of your screen. This can be fixed by doing a translation and scale:

CGAffineTransform translate = CGAffineTransformMakeTranslation(0.0, 25.0);
self.picker.cameraViewTransform = CGAffineTransformScale(translate, 480.0/430.0, 480.0/430.0);
self.picker.cameraOverlayView = self.view;