Showing a circle crop in UIImagePicker edit view - ios

I am using the default ios camera in my app. I don't want to create an overlay for the whole camera, but I would like to change something the edit view that shows after the user takes a photo. Normally, it shows a square to crop, but I would like it to show a circle how would I do this.

Related

How to navigate between screens with shared element?

I want to show a fullscreen popup dialog to display a user-scaleable image already displayed as a thumbnail in a list screen. How can I smoothly scale the image from the thumbnail, and return to its original position when I close it?

How to constraint overlay to UIImagePickerController camera preview only

I am using UIImagePickerController() to display camera in my swift iOS app and let user take pictures. I would like to show a grid as overlay so I started implementing one as .cameraOverlayView
The problem is that the overlay image or views will spread over the black bars on top and bottom of the camera view. This is undesirable as the grid line will run over the camera button, cancel button etc.
I could not find a method to access the frame of the camera preview window to constraint the overlay just to that. What am I missing?
Actually, this may be a little annoy, there is no way to get the sizes of those bars or the camera preview area, and you can't achieve the subviews of UIImagePickerController and so you can't add constraints for that.
But, you can use the fact that the preview camera area aspect ratio is known as 4/3 always and the overlay width should be the width of the screen and the height should be the (widthScreen / 3) * 4
another way is to set imagePicker.showsCameraControls = false and build custom controls with the overlay on fullScreen.
(use the imagePicker.cameraViewTransform in order to set the camera preview area frame full screen).

How is the Satellite view implemented in the detail view controller, displayed upon touch of a MKPinAnnotation Callout

In the apple maps app if you tap on a MKPinAnnotation callout, the following view is displayed. Im trying to recreate something similar, but I'm unsure how to implement the satellite image (I assume it's a MKMapView over the coordinates of the annotation selected)and how to animated the stretch of the satellite view when the view beneath is pulled down? Also The satellite view constantly rotates back and forwards is this a standard animation?
In summary:
How is the map image at the top implemented?
How is it stretched/zoomed when the user drags the bottom(table) view down
How is the image animated so that it rotates, is it a built in feature?
How is the map image at the top implemented?
This is not a image. This is a MKMapView.
How is it stretched/zoomed when the user drags the bottom(table) view down
Update mapview.frame.size.height when scroll with scrollView.contentOffest.y.
How is the image animated so that it rotates, is it a built in feature?
MKMapView setCamera:animated: or animate MKMapView.camera
I made a sample you can download here.

Push/Pop UIViewController Animation effect same as a camera filters and full camera view

I have have create 2 separate view controller for create functionality same as iPhone camera screen with all defaults filters.
Functionality working as per my requirements.
Now I have issue with view animation. How can I achieve same effect while user press on filter icon (left corner) in default camera and full camera screen after selecting any filter.
Look at below screen for more.
Thanks!
You can use a UIView for your filter options instead of UIViewController. Then you can animate whatever you want on the view.
https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIView_Class/#//apple_ref/doc/uid/TP40006816-CH3-SW108

MFMailComposer sending attached Image scaled down

I'm using a UIImagePicker to take a picture and browse the Camera Roll.. I also added a link to mail the picture which is displayed in a popup window. The attached image comes up in it's native size (which is pretty enormous). What I want to do is scale down that image.. but only for the MFMailComposer's view. When send is selected I want the full image to be sent.
The attachment can only be specified before showing the MFMailComposer view and that's the attachment it will show. Usually, it tries to fit the image within the bounds of MFMailComposer view.
Do you mean to say you have to scroll left, right and bottom to view the complete image ?

Resources