Creating a floating menu in an iOS application

Question

Looking to create a floating menu in Swift for an iOS application I am developing. Something along the lines of the little red circle menu as shown in the following image. <

Answer 1

You can create your own with the animations and all the things, or you can check this library

https://github.com/lourenco-marinho/ActionButton

var actionButton: ActionButton!

    override func viewDidLoad() {
        super.viewDidLoad()

        let twitterImage = UIImage(named: "twitter_icon.png")!
        let plusImage = UIImage(named: "googleplus_icon.png")!

        let twitter = ActionButtonItem(title: "Twitter", image: twitterImage)
        twitter.action = { item in println("Twitter...") }

        let google = ActionButtonItem(title: "Google Plus", image: plusImage)
        google.action = { item in println("Google Plus...") }

        actionButton = ActionButton(attachedToView: self.view, items: [twitter, google])
        actionButton.action = { button in button.toggleMenu() }
    }

Answer 2

You could use view controller containment. The menu can be its own view controller with its view laid transparently over top the content view controller.

For example this can be set up in the storyboard by dragging out two container views into a vanilla view controller.

Answer 3

There is another alternative with this great library :

https://github.com/yoavlt/LiquidFloatingActionButton

You just have to implement the delegate and the dataSource in your ViewController:

let floatingActionButton = LiquidFloatingActionButton(frame: floatingFrame)
floatingActionButton.dataSource = self
floatingActionButton.delegate = self