We released an open source iOS control called FanMenu, which works as a menu control with a circular layout. It’s easy to use, has a nice API and customisation options.

Macaw

FanMenu is created with Macaw, a vector graphics Swift library. This makes it easily modifiable and customisable for your purposes. If you have never heard about Macaw before, here is the best place to get started.

How it works

FanMenu is a MacawView with three nodes inside: background circle, menu button and items.

After pressing the menu button its items are animated from center to their positions and background circle is scaled. If “d” is the distance between the menu button and the items, then the final position as (cos(alpha)*d, sin(alpha)*d).

The closing animation is almost the same: items are animated to the original position and background is scaled back.

Documentation

You could find the API and example usage on the GitHub page. FanMenu control is available in Cocoa-pods.

We encourage everyone to try the new menu control!