Animating Popups - Zelda App (iOS, Xcode 8, Swift 3)

Here is the second part of popups using the Scene Dock:

Modal Popups using the Scene Dock - Zelda App (iOS, Xcode 8, Swift 3)

I have created videos on how to make modal popups in iOS before. But here is yet another way in which you can create popups.

Modal Popups on iPhone

The way to achieve the look of a modal popup on the iPhone lies in the settings of the Storyboard Segue from the view controller that will be triggering the popup to the view controller that contains the popup.

I choose Cross Dissolve for the Transition so the popup doesn't slide into view but materializes into view on top instead.

You can do all this in just one view controller but I did it this way to reuse the popup in many view controllers and I like the simplicity of it.

For the modal popup view controller I will sometimes add a blur effect or a view with a lowered alpha property so you can still see the underlying screen a little and then put the content in a smaller size.
Here is an example:

View Hierarchy

If you don't get the right view hierarchy, the transition will be messed up.

Wrong Way

Right Way

Close the Popup

Finally I want the user to be able to touch anywhere off the popup to dismiss it. This can be done by adding a Tap Gesture Recognizer or a button with no text to cover the whole screen below the popup's view.

(Xcode 8)