All Projects → CatchZeng → InteractiveCircularMenu

CatchZeng / InteractiveCircularMenu

Licence: MIT license
Interactive Circular Menu

Programming Languages

swift
15916 projects
ruby
36898 projects - #4 most used programming language

InteractiveCircularMenu

Version License Platform

Interactive, springback, customizable(color, width, speed, angles) circular menu.

Example

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

Installation

InteractiveCircularMenu is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'InteractiveCircularMenu'

Concept

StartAngleOffset

SpeedRatio

Interactive speed, default is 1.0 .

CircularWidth

SpacingAngle

MaxAngle

The max angle you can scroll.

MinAngle

The min angle you can scroll.

MaxSpringbackAngle

The max angle for springback, default is maxAngle-spacingAngle.

MinSpringbackAngle

The min angle for springback, default is minAngle+spacingAngle.

Usage

Init InteractiveCircularMenu and set dataSource & delegate

menuView.dataSource = self
menuView.delegate = self

Set menu color your like.

menuView.menuColor = UIColor.white

Reload when dataSource changed.

menuView.reload()

Implement dataSource & delegate

extension ViewController: InteractiveCircularMenuDataSource {
    func numberOfItems(in menu: InteractiveCircularMenu) -> Int {
        return items.count
    }

    func menu(_ menu: InteractiveCircularMenu, itemAt index: Int) -> CircularMenuItem {
        return items[index]
    }
}

extension ViewController: InteractiveCircularMenuDelegate {
    func menu(_ menu: InteractiveCircularMenu, didSelectAt index: Int) {
        AlertControllerBuilder(title: "Tip",
                               message: "Click:\(index+1)").addAction(title: "OK") { (_) in
        }.build().show()
    }

    func circularWidth(in menu: InteractiveCircularMenu) -> CGFloat {
        return 80
    }

    func menu(_ menu: InteractiveCircularMenu, itemSizeAt index: Int) -> CGSize {
        let width = circularWidth(in: menu)
        return CGSize(width: width*0.9, height: width*0.9)
    }

    func startAngleOffset(_ menu: InteractiveCircularMenu) -> CGFloat {
        return 60
    }

    func spacingAngle(_ menu: InteractiveCircularMenu) -> CGFloat {
        return 30
    }

    func maxAngle(_ menu: InteractiveCircularMenu) -> CGFloat {
        return startAngleOffset(menu) + 2*spacingAngle(menu)
    }

    func minAngle(_ menu: InteractiveCircularMenu) -> CGFloat {
        let offset = startAngleOffset(menu)
        let spacing = spacingAngle(menu)
        return offset-spacing*CGFloat(items.count-1)
    }
}

Author

catchzeng, [email protected]

License

InteractiveCircularMenu is available under the MIT license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].