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.

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

You can find Shapes on Github.

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.

  1. Noor Afza says:

    I found the article plainly considerable and the information published by you might benefit innumerable learners like me. Continue sharing this beneficial guidance and keep sharing.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>