Description
A simple, fun, menu UI element. Great replacement for hamburger menus and tab bar menus (UITabBar).
JVFlowerMenu alternatives and similar libraries
Based on the "Menu" category.
Alternatively, view JVFlowerMenu alternatives based on common mentions on social networks and blogs.
-
PageMenu
A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram) -
SideMenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less. -
SlideMenuControllerSwift
iOS Slide Menu View based on Google+, iQON, Feedly, Ameba iOS app. It is written in pure swift. -
CircleMenu
:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by @Ramotion -
GuillotineMenu
Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine. -
BTNavigationDropdownMenu
The elegant yet functional dropdown menu, written in Swift, appears underneath the navigation bar to display a list of defined items when a user clicks on the navigation title. -
PagingKit
PagingKit provides customizable menu UI. It has more flexible layout and design than the other libraries. -
CategorySliderView
slider view for choosing categories. add any UIView type as category item view. Fully customisable -
RadialMenu
RadialMenu is a custom control for providing a touch context menu (like iMessage recording in iOS 8) built with Swift & POP -
DTPagerController
A fully customizable container view controller to display a set of ViewControllers in a horizontal scroll view. Written in Swift. -
RHSideButtons
Library provides easy to implement variation of Android (Material Design) Floating Action Button for iOS. You can use it as your app small side menu. 🌶
WorkOS - The modern identity platform for B2B SaaS
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of JVFlowerMenu or a related project?
README
JVFlowerMenu is a quick and easy replacement to a hamburger menu and possibly a UITabBar
The JVFlowerMenu
is not a controller but rather a drop in UI element that you could then use to control the content of any UI View. Here is a quick example of the final product:
Setup
Cocoapods
pod 'JVFlowerMenu'
Limitations
1) Right now the classes are not @UIDesignable or @UIInspectable. This means that if you want to add them you have to add the constraints yourself in code or live and let live after you assign a frame.
2) Will have unexpected behavior if it's super view is not the root view of your view controller.
3) Any transforms you apply to the menu will mess up the behavior.
Example
initalize a JVFlowerMenu
like this:
let menu = JVFlowerMenu(withImage: nil, andTitle: nil)
Initalizing with a nil
image will default to a drawing of a hamburger menu. A nil
title wil just produce nothing for the title.
Then you can add Pedals
like this:
menu.addPedal(withImage: nil, withTitle: nil)
menu.addPedal(withImage: nil, withTitle: nil)
menu.addPedal(withImage: nil, withTitle: nil)
If you pass nil
for a Pedal
image it will default to a drawing of a circle. nil
for the title will display nothing.
You can then become the delegate and get notified about events in these methods:
menu.delegate = self
//MARK: Delegate Functions
public func flowerMenuDidSelectPedalWithID(_ theMenu: JVFlowerMenu, pedal: Pedal) {
print("\(pedal.ID) Selected")
}
public func flowerMenuDidExpand() {
print("Flower Menu expanded")
}
public func flowerMenuDidRetract() {
print("Flower Menu Retracted")
}
There are some properties you can change to manipulate the behavior of the menu:
menu.startAngle = 90.0
menu.pedalDistance = 200
menu.pedalSpace = 20
menu.stagger = 0
Finally, here is some set up code for adding constraints progmatically:
override func viewDidLoad() {
self.view.addSubview(menu)
self.constrain()
}
func constrain() {
var constraints = [NSLayoutConstraint]()
let vertical = NSLayoutConstraint.constraints(withVisualFormat: "V:|-30-[pedal]", options: [], metrics: nil, views: ["pedal": self.menu])
constraints.append(contentsOf: vertical)
let horizontal = NSLayoutConstraint.constraints(withVisualFormat: "H:|-20-[pedal]", options: [], metrics: nil, views: ["pedal": self.menu])
constraints.append(contentsOf: horizontal)
self.view.addConstraints(constraints)
}