Get Updates By E-mail 

Article Written By:
Johann Dowa

Tutorial: Take A Great Looking Animation And Turn It Into An iOS Component

  •  
  •  
  •  
  •  
  •  

Last month I mentioned a nice guide and component showing how to create an interesting circular image loader that has the image expand through the center of the loader.

Here’s an in-depth tutorial from Neeraj Kumar showing how to create a morphing play/pause button utilizing Core Graphics.

In the tutorial Anton explains how he deconstructed the original animation, discusses layers, and then moves through step-by-step as to how to create the button.

Here’s an image showing the end result button in action:

Play Pause

You can find the tutorial over on Neeraj’s blog.

You can find PlayPauseAnimation on Github here.

The original animation that inspired the tutorial can be found on Michael Villar’s motion experiments page.

A nice guide on how to create a great button animation using Core Graphics.


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments