https://github.com/jonyfang/animateddropdownmenu
A clean interface dropdown menu, appears underneath navigation bar to display a list of related items when you click on the navigation title.
https://github.com/jonyfang/animateddropdownmenu
animated dropdownmenu navigation swift-3
Last synced: 7 days ago
JSON representation
A clean interface dropdown menu, appears underneath navigation bar to display a list of related items when you click on the navigation title.
- Host: GitHub
- URL: https://github.com/jonyfang/animateddropdownmenu
- Owner: JonyFang
- License: mit
- Archived: true
- Created: 2017-02-23T07:28:34.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-06T07:40:20.000Z (over 8 years ago)
- Last Synced: 2025-08-22T14:24:00.667Z (about 2 months ago)
- Topics: animated, dropdownmenu, navigation, swift-3
- Language: Swift
- Homepage:
- Size: 144 KB
- Stars: 69
- Watchers: 3
- Forks: 5
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
**AnimatedDropdownMenu** is a clean interface dropdown menu, appears underneath navigation bar to display a list of related items when you click on the navigation title.
Type 01
Type 02
Type 03
Type 04
Type 05
Type 06
Type 07
Type 08
Type 09
## Requirements
- Xcode 8.0+
- iOS 8.0+
- Swift 3.0
## Example
To run the example project, clone the repo, and start `Examples` in Xcode.
```ruby
$ git clone https://github.com/JonyFang/AnimatedDropdownMenu
$ cd AnimatedDropdownMenu/Examples
$ open Examples.xcworkspace
```
## Installation
### CocoaPods
To integrate AnimatedDropdownMenu into your Xcode project using CocoaPods, specify it in your `Podfile`:
```ruby
pod 'AnimatedDropdownMenu'
```
## Usage
### Get Started
Import the library where you want to use it.
```swift
import AnimatedDropdownMenu
class ExampleViewController: UIViewController {
// MARK: - Properties
fileprivate var selectedStageIndex: Int = 0
fileprivate let dropdownItems: [AnimatedDropdownMenu.Item] = [
AnimatedDropdownMenu.Item.init("EXPLORE", nil, nil),
AnimatedDropdownMenu.Item.init("POPULAR", nil, nil),
AnimatedDropdownMenu.Item.init("RECENT", nil, nil)
]
// MARK: Life Cycle
override func viewDidLoad() {
super.viewDidLoad()
let dropdownMenu = AnimatedDropdownMenu(navigationController: navigationController, containerView: view, selectedIndex: selectedStageIndex, items: dropdownItems)
dropdownMenu.didSelectItemAtIndexHandler = {
[weak self] selectedIndex in
guard let strongSelf = self else {
return
}
strongSelf.selectedStageIndex = selectedIndex
//Configure Selected Action
}
navigationItem.titleView = dropdownMenu
}
}
```
### Customization
Once you have setup the dropdown menu, you can custom the interface of menu. You can override these properties for your favor:
- `menuTitleColor`: **The font of the navigation bar title.** Default is `UIFont.systemFont(ofSize: 16.0)`
- `menuArrowTintColor`: **The tint color of the arrow.** Default is `.darkGray`
- `cellBackgroundColor`: **The color of the cell background.** Default is `RGBA(216, 85, 96, 1)`
- `cellSelectedColor`: **The color of the cell when the cell is selected.** Default is `.clear`
- `cellSeparatorColor`: **The color of the cell separator.** Default is `RGBA(255, 255, 255, 0.3)`
- `cellTextColor`: **The color of the text inside cell.** Default is `RGBA(255, 255, 255, 0.3)`
- `cellTextSelectedColor`: **The color of the text inside cell when the cell is selected.** Default is `.white`
- `cellTextAlignment`: **The alignment of the text inside cell.** Default is `.center`
## Author
- [Weibo: @JonyFang](http://weibo.com/3034766044/profile?topnav=1&wvr=6)
- [Twitter: @JonyFang](https://twitter.com/jony_chunfang)
- [Email: jony.chunfang@gmail.com](mailto:jony.chunfang@gmail.com)
## Contributing
Please open a [new Issue here](https://github.com/JonyFang/AnimatedDropdownMenu/issues/new) if you run into a problem specific to **AnimatedDropdownMenu**, have a feature request, or want to share a comment.
## License
**AnimatedDropdownMenu** is available under the MIT license. See the LICENSE file for more info.