Get Updates By E-mail 

Article Written By:
Johann Dowa

Open Source iOS Library Making It Easier To Create Custom Shaped And Animated Components

  •  
  •  
  •  
  •  
  •  

Earlier this year I mentioned a nice example and tutorial on using Core Animation to create buttons with a very nice transition effect.

Here’s an interesting library that utilizes UIBezierPath and CAShapeLayer making it easier to draw custom animated shapes called Shapes from Denys Telezhk that is great for making custom animated UI components.

Included within the library is a UIView subclass that uses CAShapeLayer and provides a simple API for changing the path, fill and stroke colors for creating geometric shapes. There are also included features specifically for creating progress views, creating dimming views, and creating shaped buttons, and

These animated images from the readme of the included example nicely display these features:

ShapesShapes

ShapesShapes

You can find Shapes on Github here.

You can read more about shapes on the MLSDev blog.

There is also a nice guide on creating custom animated buttons with shapes in the Shapes Wiki.

A very nice library for creating custom shaped, animated user interface components.


  •  
  •  
  •  
  •  
  •  

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