how to draw on top of the camera full screen view in an ios app?

Question

I would like to place a compass, or an image on top of the camera view in my iOS app?

Background: I am creating an app, that would open the camera in the native side with is the iOS, then in the HTML side without using phone gap, or cordova. I am using Native bridging, i would like to place a moving compass on top of the camera view on my iOS app, what methods should i use? any helpful code?

thank you

Check with imagePickerController's cameraOverlayView property. You can set any view as cameraOverlayView. — iDev, Nov 05 '12 at 02:00
how can i put a compass on there that is movable when the iphone moves? — user1798855, Nov 05 '12 at 02:46

score 1 · Accepted Answer · edited May 23 '17 at 12:08

Use the cameraOverlayView property of UIImagePickerController to set an overlay on top of camera. Check apple documentation for more details. You can add any UIView as the overlayview.

In order to use the magnetometer, you'll have to use CoreLocation and the following delegate method:

- (void) locationManager:(CLLocationManager *)manager
             didUpdateHeading:(CLHeading *)newHeading

to rotate a UIView to point North:

float heading = newHeading.magneticHeading; //in degrees
float headingDegrees = (heading*M_PI/180); //assuming needle points to top of iphone. convert to radians
self.imageView.transform = CGAffineTransformMakeRotation(headingDegrees);

You might also find these questions useful:

how to draw on top of the camera full screen view in an ios app?

1 Answers1