UI Components

circlemenu

November 24, 2023

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)

GitHub

View Github

#component #ios #library #swift

YOU MIGHT ALSO LIKE...

August 18, 2025
SwiftUI

SVGView

Overview The goal of this project is to bring the full power of SVG to Apple platforms. Our framework can ...

August 18, 2025
SwiftUI

WrappingHStack

WrappingHStack is a UI Element that works in a very similar way to HStack, but automatically positions overflowing elements on ...

August 12, 2025
SwiftUI

SwiftSpeech

Recognize your user's voice elegantly without having to figure out authorization and audio engines. SwiftSpeech Examples Features Installation Getting Started ...

August 12, 2025
SwiftUI

SwiftUIValueSlider

Example To run the example project, clone the repo, and run pod install from the Example directory first. Requirements iOS 14.0 Installation ...

August 11, 2025
SwiftUI

Sliders

Sliders is a compilation of all my stylable drag based SwiftUI components. It provides a variety of unique controls as well ...