Saturday, October 13, 2012

Remove views with nice animations

In iOS is very simple to create effective animations on UI components.

For an app I'm currently working on, I would like to create an animation on a set of views, vertically aligned. When user taps on a button inside the view, the app should start an animation that translates and rotates te view offscreen, while fading it at the same time. At the same time, all the views below it, should react by translating up occupying the space left by the removed view.

This is the initial scenario:

To perform this effect, we need two different animations, one on the view to delete, and the other on the views below it.

This is the first one:

To translate all the views below the one that we want delete, we first need to find them:

 and then we can apply the translation to all of them:

The complete sample project can be found here:


  1. Great ! Very nice blog and excellent things exist in your blog content. thanks for sharing..
    web design and development company | custom website design services

  2. Interesting tips and also easy to follow. Very nice blog. Thanks for Sharing.

    app development company || mobile apps development companies melbourne

  3. I think I've found a nice informative blog after searching a long time. Thanks for your great articles and information, Its very Helpful for everyone.The contents are quiet interesting. I will be waiting for your next post.
    android app development perth | android app development sydney

  4. You have discussed an interesting topic that every designer to know. Very well explained with examples. Spark interact is recruiting for 2018 check out the great new positions and apply online now Visit web design sydney and upload your resume.