PagingMenuController alternatives and similar libraries
Based on the "Menu" category.
Alternatively, view PagingMenuController 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. -
ENSwiftSideMenu
A simple side menu for iOS written in Swift. -
Panels
Panels is a framework to easily add sliding panels to your application -
YNDropDownMenu
✨ Awesome Dropdown menu for iOS with Swift 5.0 -
PagingKit
PagingKit provides customizable menu UI. It has more flexible layout and design than the other libraries. -
SwipeMenuViewController
Swipable tab and menu View and ViewController. -
FlowingMenu
Interactive view transition to display menus with flowing and bouncing effects in Swift -
InteractiveSideMenu
iOS Interactive Side Menu written in Swift. -
MenuItemKit
UIMenuItem with image and closure(block) action -
SwiftUI Drawer
A SwiftUI bottom-up controller, like in the Maps app. Drag to expand or minimize. -
PagerTabStripView
🚀 Elegant Pager View fully written in pure SwiftUI. -
FrostedSidebar
Hamburger Menu using Swift and iOS 8 API's -
DropDownMenuKit
UIKit drop down menu, simple yet flexible and written in Swift -
KWDrawerController
Drawer view controller that easy to use! -
Swift-CircleMenu
Rotating circle menu written in Swift 3 -
HHFloatingView
An easy to use and setup floating view for your app. 🎡 -
🧭 SwiftUINavigator
Use SwiftUI View on UIKit-based project -
SwiftUISelector
A Modern Horizontal Option Selector View for SwiftUI
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 PagingMenuController or a related project?
README
This library is inspired by PageMenu
Updates
See CHANGELOG for details
Description
Standard mode with flexible item width
Segmented control mode
Infinite mode with fixed item width
Customization
PagingMenuControllerCustomizable
default page index to show as a first view
defaultPage: Int
duration for paging view animation
animationDuration: TimeInterval
isScrollEnabled for paging view. Set false in case of using swipe-to-delete on your table view
isScrollEnabled: Bool
background color for paging view
backgroundColor: UIColor
number of lazy loading pages
lazyLoadingPage: LazyLoadingPage public enum LazyLoadingPage { case one // Currently sets false to isScrollEnabled at this moment. Should be fixed in the future. case three case all // Currently not available for Infinite mode }
a set of menu controller
menuControllerSet: MenuControllerSet public enum MenuControllerSet { case single case multiple }
component type of PagingMenuController
componentType: ComponentType public enum ComponentType { case menuView(menuOptions: MenuViewCustomizable) case pagingController(pagingControllers: [UIViewController]) case all(menuOptions: MenuViewCustomizable, pagingControllers: [UIViewController]) }
MenuViewCustomizable
background color for menu view
backgroundColor: UIColor
background color for selected menu item
selectedBackgroundColor: UIColor
height for menu view
height: CGFloat
duration for menu view animation
animationDuration: TimeInterval
decelerating rate for menu view
deceleratingRate: CGFloat
menu item position
menuSelectedItemCenter: Bool
menu mode and scrolling mode
displayMode: MenuDisplayMode
public enum MenuDisplayMode {
case standard(widthMode: MenuItemWidthMode, centerItem: Bool, scrollingMode: MenuScrollingMode)
case segmentedControl
case infinite(widthMode: MenuItemWidthMode, scrollingMode: MenuScrollingMode) // Requires three paging views at least
}
public enum MenuItemWidthMode {
case flexible
case fixed(width: CGFloat)
}
public enum MenuScrollingMode {
case scrollEnabled
case scrollEnabledAndBouces
case pagingEnabled
}
if centerItem
is true, selected menu item is always on center
if MenuScrollingMode
is ScrollEnabled
or ScrollEnabledAndBouces
, menu view allows scrolling to select any menu item
if MenuScrollingMode
is PagingEnabled
, menu item should be selected one by one
menu item focus mode
focusMode: MenuFocusMode public enum MenuFocusMode { case none case underline(height: CGFloat, color: UIColor, horizontalPadding: CGFloat, verticalPadding: CGFloat) case roundRect(radius: CGFloat, horizontalPadding: CGFloat, verticalPadding: CGFloat, selectedColor: UIColor) }
dummy item view number for Infinite mode
dummyItemViewsSet: Int
menu position
menuPosition: MenuPosition
public enum MenuPosition {
case top
case bottom
}
- divider image to display right aligned in each menu item
dividerImage: UIImage?
MenuItemViewCustomizable
horizontal margin for menu item
horizontalMargin: CGFloat
menu item mode
displayMode: MenuItemDisplayMode public enum MenuItemDisplayMode { case text(title: MenuItemText) case multilineText(title: MenuItemText, description: MenuItemText) case image(image: UIImage, selectedImage: UIImage?) case custom(view: UIView) }
Usage
import PagingMenuController
to use PagingMenuController in your file.
Using Storyboard
struct MenuItem1: MenuItemViewCustomizable {}
struct MenuItem2: MenuItemViewCustomizable {}
struct MenuOptions: MenuViewCustomizable {
var itemsOptions: [MenuItemViewCustomizable] {
return [MenuItem1(), MenuItem2()]
}
}
struct PagingMenuOptions: PagingMenuControllerCustomizable {
var componentType: ComponentType {
return .all(menuOptions: MenuOptions(), pagingControllers: [UIViewController(), UIViewController()])
}
}
let pagingMenuController = self.childViewControllers.first as! PagingMenuController
pagingMenuController.setup(options)
pagingMenuController.onMove = { state in
switch state {
case let .willMoveController(menuController, previousMenuController):
print(previousMenuController)
print(menuController)
case let .didMoveController(menuController, previousMenuController):
print(previousMenuController)
print(menuController)
case let .willMoveItem(menuItemView, previousMenuItemView):
print(previousMenuItemView)
print(menuItemView)
case let .didMoveItem(menuItemView, previousMenuItemView):
print(previousMenuItemView)
print(menuItemView)
case .didScrollStart:
print("Scroll start")
case .didScrollEnd:
print("Scroll end")
}
}
- You should add
ContainerView
into your view controller's view and setPagingMenuController
as the embedded view controller's class
See PagingMenuControllerDemo
target in demo project for more details
Coding only
struct MenuItem1: MenuItemViewCustomizable {}
struct MenuItem2: MenuItemViewCustomizable {}
struct MenuOptions: MenuViewCustomizable {
var itemsOptions: [MenuItemViewCustomizable] {
return [MenuItem1(), MenuItem2()]
}
}
struct PagingMenuOptions: PagingMenuControllerCustomizable {
var componentType: ComponentType {
return .all(menuOptions: MenuOptions(), pagingControllers: [UIViewController(), UIViewController()])
}
}
let options = PagingMenuOptions()
let pagingMenuController = PagingMenuController(options: options)
addChildViewController(pagingMenuController)
view.addSubview(pagingMenuController.view)
pagingMenuController.didMove(toParentViewController: self)
See PagingMenuControllerDemo2
target in demo project for more details
Menu move handler (optional)
public enum MenuMoveState {
case willMoveController(to: UIViewController, from: UIViewController)
case didMoveController(to: UIViewController, from: UIViewController)
case willMoveItem(to: MenuItemView, from: MenuItemView)
case didMoveItem(to: MenuItemView, from: MenuItemView)
case didScrollStart
case didScrollEnd
}
pagingMenuController.onMove = { state in
switch state {
case let .willMoveController(menuController, previousMenuController):
print(previousMenuController)
print(menuController)
case let .didMoveController(menuController, previousMenuController):
print(previousMenuController)
print(menuController)
case let .willMoveItem(menuItemView, previousMenuItemView):
print(previousMenuItemView)
print(menuItemView)
case let .didMoveItem(menuItemView, previousMenuItemView):
print(previousMenuItemView)
print(menuItemView)
case .didScrollStart:
print("Scroll start")
case .didScrollEnd:
print("Scroll end")
}
}
Moving to a menu tag programmatically
// if you pass a nonexistent page number, it'll be ignored
pagingMenuController.move(toPage: 1, animated: true)
Changing PagingMenuController's option
Call setup
method with new options again.
It creates a new paging menu controller. Do not forget to cleanup properties in child view controller.
Requirements
iOS9+
Swift 3.0+
Xcode 8.0+
v1.4.0 for iOS 8 in Swift 3.0
v1.2.0 for iOS 8 in Swift 2.3
Installation
CocoaPods
PagingMenuController is available through CocoaPods. To install it, simply add the following line to your Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '9.0'
use_frameworks!
pod "PagingMenuController"
post_install do |installer|
installer.pods_project.targets.each do |target|
target.build_configurations.each do |config|
config.build_settings['SWIFT_VERSION'] = '3.0'
end
end
end
Then, run pod install
In case you haven't installed CocoaPods yet, run the following command
$ gem install cocoapods
Carthage
PagingMenuController is available through Carthage.
To install PagingMenuController into your Xcode project using Carthage, specify it in your Cartfile:
github "kitasuke/PagingMenuController"
Then, run carthage update --toolchain com.apple.dt.toolchain.Swift_3_0
You can see Carthage/Build/iOS/PagingMenuController.framework
now, so drag and drop it to Linked Frameworks and Libraries
in General menu tab with your project.
Add the following script to New Run Script Phase
in Build Phases menu tab.
/usr/local/bin/carthage copy-frameworks
Also add the following script in Input Files
$(SRCROOT)/Carthage/Build/iOS/PagingMenuController.framework
In case you haven't installed Carthage yet, download the latest pkg from Carthage
Manual
Copy all the files in Pod/Classes
directory into your project.
License
PagingMenuController is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the PagingMenuController README section above
are relevant to that project's source code only.