Kodeco Forums

How To Make A View Controller Transition Animation Like in the Ping App

🎓 Courses & Articles
1

Learn how to make a cool animation like in the Ping app, using the UIViewControllerAnimatedTransitioning protocol!

This is a companion discussion topic for the original entry at https://www.raywenderlich.com/2118-how-to-make-a-view-controller-transition-animation-like-in-the-ping-app
2

Hi,

Thanks for this great tutorial.
I want implement the reverse animation, the circle shrink from size of viewcontroller to button.
Can someone give me some guidance.

Regards

3

I’m trying to implement this to replace a normal segue, it has a similar affect to this except it’s rectangular instead of circular (which I have working).

What I’m having trouble with is that when I try to navigate back from this segue I can’t and I get these errors:

fixing a curupted navigation stack swift
and
Finishing up a navigation transition in an unexpected state. Navigation Bar subview tree might get corrupted. swift

Is it possible to use this example but only in one direction? So have the fancy transition but when you navigate back it’s just a normal segue?

Thanks

5

For Swift 3, you can reference here https://github.com/quangtqag/RefSources/tree/master/CustomTransitionCircleMask

6

Hi @linuxrp,
To make circle shrink from size of viewcontroller to button, you need to let CircleTransitionAnimator know is pushing or poping, and you will create animation correspondingly.

7

@quangtqag Can i get this tutorial in objective c ?

8

HI,

I am using Xcode9. I download the swift3 version. The interactive transition seems to do not work. The pan gesture can be detected, but the gesture can not control the transition.

9

Hi there, Im having the same issue mate. Do you have any solution for this?

10

This tutorial is more than six months old so questions regarding it are no longer supported for the moment. We will update it as soon as possible. Thank you! :]