Enter full screen mode when tap - ios

I want to implement the function such that there's a image on the screen, when the image is tapped it then displays in full screen mode, and when tapped again in full screen mode, it back to the original size, like the following demo, how to achieve that?thanks
before:
after:

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?

Issue with displaying an alert like view

In Android, on the click of a button I get a screen coming up (the one on the left with just the First Name and Last Name) and on click of the more button the other fields are also displayed (the image on the right).
I tried to achieve this by loading another view on the click of the button, but this shows a view completely filling the screen and not like the one in the image with limited height and the background view being greyed out.
Also to get a screen like the one on the left I made their height constraints equal to 0, but though it showed just 2 textfields, the screen filled the whole screen and not like the one on the left.
Any idea as to how this can be achieved?
To show custom transition while presenting a controller i.e.
your first requirement - a view completely filling the screen & not like the one in the image with limited height and the background view being greyed out.
you can use UIViewControllerAnimatedTransitioning.
I have created a sample here:
https://github.com/pgpt10/Custom-Animator

Showing a circle crop in UIImagePicker edit view

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.

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 ?

Stopping the iPad keyboard from scrolling the webpage too much

It looks like the Safari keyboard works like this on iPads...
If the webpage originally reaches the bottom of the screen, when the keyboard appears it never scrolls past the bottom of the webpage.
If the webpage originally doesn't reach the bottom of the screen and the textfield that has the focus is more than halfway down the screen, it scrolls the webpage so that the current textfield is now halfway down the screen and doesn't care if the area below the original webpage is showing.
Basically I want to have a webpage that doesn't fill the screen vertically and yet I don't want the keyboard to cause the screen to scroll past the bottom of the webpage because that would hide the top part of the webpage and instead show the blank area below the webpage.
In portrait mode on an iPad the following webpage is always showing even when a textfield is active and the keyboard is showing:
http://sky-walker.net/temp/ipad/a
But when you view that webpage in landscape mode and select the bottom textfield, the webpage scrolls so that the bottom textfield is halfway up the screen. I want it to be at the bottom of the screen.
http://sky-walker.net/temp/ipad/b
In landscape mode the previous link fills the entire screen and so if you click on the bottom textfield (after scrolling) the textfield appears at the bottom of the screen when the keyboard is visible rather than the screen scrolling until the textfield is halfway down the screen.
In portrait mode the previous link doesn't originally fill the screen so if you click on the bottom textfield (making the keyboard appear) it scrolls up so that it is halfway up the screen.
http://sky-walker.net/temp/ipad/d
The final link fills the entire screen for portrait mode as well and when the bottom textfield is selected it doesnt scroll past the bottom of the webpage when the keyboard becomes visible.
Maybe what it is doing when the webpage isn't filling the screen is that it is remembering the empty space at the bottom and then it scrolls up (hiding the top) when the keyboard is visible. I want it to forget about the empty space at the bottom when the keyboard appears.
I faced a very similar issue. Here's what I do.
I subscribe to UIKeyboardWillShowNotification to get the keyboard size then when the scroll view scrolls up more than the keyboard height then I set the scroll offset to the keyboard height.

Resources