AZDropdownMenu
AZDropdownMenu is a simple dropdown menu component that supports Swift.
Screenshots
Code used in the screencast are included in the bundled sample project.
Demo Project
To run the demo project, clone the repo with git clone https://github.com/Azuritul/AZDropdownMenu.git, and run pod install from the Example directory first.
Requirements
- iOS 8 or above
- Xcode 8 or above
- Swift 3
Installation
AZDropdownMenu is available through CocoaPods. To install it, simply add the following line to your Podfile:
use_frameworks!
pod 'AZDropdownMenu'
Use version 1.1.2 if you don't need Swift 4 support.
Usage
Declare an array of texts that are served as the item in the menu.
let titles = ["Action 1", "Action 2", "Action 3"]
Then pass the array to the initializer
let menu = AZDropdownMenu(titles: titles)
Set up so that the UIBarButtonItem is asso
ated with a function that shows the menu
let button = UIBarButtonItem(image: UIImage(named: "menu_image"), style: .Plain, target: self, action: "showDropdown")
navigationItem.leftBarButtonItem = menuButton
Calling public func showMenuFromView(view:UIView) can then show the menu.
func showDropdown() {
if (self.menu?.isDescendantOfView(self.view) == true) {
self.menu?.hideMenu()
} else {
self.menu?.showMenuFromView(self.view)
}
}
The handler public var cellTapHandler : ((indexPath:NSIndexPath) -> Void)? would be called when menu item is tapped. So place code in here to do whatever you want. For example
menu.cellTapHandler = { [weak self] (indexPath: NSIndexPath) -> Void in
self?.navigationController?.pushViewController(controller, animated:true)
}
Create menu with icons
Pass in a AZDropdownMenuItemData in the initializer: public init(dataSource:[AZDropdownMenuItemData]) and you are good to go.
Take a look at the sample project in this repository to get more usage of the library.
Configurable options
Currently AZDropdownMenu can be customized with the following properties. More will come in the future.
itemHeightRow height of the menu item. Default is 44.itemColorThe background color of the menu item. Default is white.itemFontColorThe text color of the menu item. Default is black.itemFontSizeFont size of the menu item. Default is 14.0itemFontFont used in the menu. Default is 'Helvetica'itemAlignmentThe alignment of the menu item. Default is left-aligned.itemSelectionColorThe background color of the menu item while it is tapped. Default is gray.overlayAlphaThe transparency for the background overlay. Default is 0.5overlayColorColor for the background overlay. Default is black.menuSeparatorStyleThe separator of the menu. Default is single line.menuSeparatorColorThe color of the separator. Default is light gray.itemImagePositionThe position of image in the menu. Can be positioned before or after the text. Default is.Prefix.shouldDismissMenuOnDragIf set to true, menu would be dismissed on drag. Default value isfalse.
Version
-
1.1.3
- Update for Swift 4 syntax
-
1.1.2
- Update for Swift 3 syntax
-
1.1.1
- Update for Swift 2.2's #selector syntax
-
1.1.0
- Added
shouldDismissMenuOnDragoption, menu would be dismissed on drag if this option is enabled - Modified the sample project with an example using
UITableView. - Added gesture handler for the menu.
- Extract config struct to a separate file
- Update readme.
- Added
-
1.0.0
- Added
itemImagePositionoption, now can configure the icon position. - Changed icon sets and its corresponding location in the sample project.
- Modified sample project's appearance a little bit.
- Modified sample project's structure.
- Added CHANGELOG.md
- Added
-
0.6.1
- Update readme
-
0.6.0
- Now can use icons in the menu.
- Added configuration options:
menuSeparatorColor,itemFont
-
0.5.3
- Now can configure item's background color while tapped
Credit
- Icon used in in the sample project is Designed by Skydesign - Freepik.com
Author
Chris Wu (Azuritul), [email protected]
License
AZDropdownMenu is available under the MIT license. See the LICENSE file for more info.
I guess the tableview that is used in the dropdown menu is not set up, but I have no idea why it's not working on my code…
1.3k Dec 26, 2022
2.7k Dec 28, 2022
531 Dec 26, 2022
65 Jun 27, 2021
307 Oct 17, 2022
87 Mar 30, 2022
0 Jan 8, 2022
84 Feb 4, 2022
90 Oct 17, 2020
10 Oct 7, 2022
4 Jul 25, 2022
114 Jun 12, 2022
3.4k Dec 29, 2022
1.8k Dec 21, 2022
5.4k Dec 29, 2022
4 Sep 16, 2021
383 Dec 21, 2022
258 Dec 27, 2022
502 Nov 29, 2022