CIRCLE MENU

Simple, elegant UI menu with a circular layout and material design animations

We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Stay tuned for the latest updates:

Requirements

iOS 9.0+
Xcode 9.0.1

Installation

Just add CircleMenuLib folder to your project.

or use CocoaPods with Podfile:


                                              
                                                pod ‘CircleMenu’

or Carthage users can simply add to their Cartfile:


                                              
                                                github “Ramotion/circle-menu”

Usage

with storyboard

Create a new UIButton inheriting from CircleMenu
Add images for Normal and Selected state
Use delegate method to configure buttons


                                              
                                                func circleMenu(circleMenu: CircleMenu, willDisplay button: UIButton, atIndex: Int)

Use properties to configure CircleMenu


                                              
                                                @IBInspectable var buttonsCount: Int = 3

@IBInspectable var duration: Double = 2 // circle animation duration

@IBInspectable var distance: Float = 100 // distance between center button and buttons

programmatically


                                              
                                                let button = CircleMenu(

frame: CGRect(x: 200, y: 200, width: 50, height: 50),

normalIcon:”icon_menu”,

selectedIcon:”icon_close”,

buttonsCount: 4,

duration: 4,

distance: 120)

button.delegate = self

button.layer.cornerRadius = button.frame.size.width / 2.0

view.addSubview(button)

delegate methods


                                              
                                                // configure buttons

optional func circleMenu(circleMenu: CircleMenu, willDisplay button: UIButton, atIndex: Int)
// call before animation

optional func circleMenu(circleMenu: CircleMenu, buttonWillSelected button: UIButton, atIndex: Int)
// call after animation

optional func circleMenu(circleMenu: CircleMenu, buttonDidSelected button: UIButton, atIndex: Int)
// call upon cancel of the menu – fires immediately on button press

optional func menuCollapsed(circleMenu: CircleMenu)
// call upon opening of the menu – fires immediately on button press

optional func menuOpened(circleMenu: CircleMenu)