https://github.com/hkalexling/awmenubar
:gem: iOS implement of https://dribbble.com/shots/1954664-CSS-Menu-Animations
https://github.com/hkalexling/awmenubar
Last synced: 2 months ago
JSON representation
:gem: iOS implement of https://dribbble.com/shots/1954664-CSS-Menu-Animations
- Host: GitHub
- URL: https://github.com/hkalexling/awmenubar
- Owner: hkalexling
- License: wtfpl
- Created: 2015-11-12T18:05:06.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-11-29T19:56:48.000Z (over 9 years ago)
- Last Synced: 2025-04-11T17:44:56.627Z (2 months ago)
- Language: Swift
- Homepage:
- Size: 5.68 MB
- Stars: 12
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AWMenuBar
iOS implement of [This Dribbble concept design](https://dribbble.com/shots/1954664-CSS-Menu-Animations)
Written in Swift 2.1
###Demo GIF:
###Installation:
Simply drag and drop the [AWMenuBarView.swift](https://github.com/hkalexling/AWMenuBar/blob/master/AWMenuBar/AWMenuBarView.swift) into your project
###Useage:
- In Storyboard, add a new `UIView` into your view controller and set the class of this newly added view to be `AWMenuBarView`. This `UIView` will be used as the menu bar
- Connect the `AWMenuBarView` into your view controller class
- In `viewDidLoad`, do something like this:
```swift
override func viewDidLoad() {
super.viewDidLoad()
//Customise the colors if you want
self.view.backgroundColor = UIColor(red: 51/255, green: 86/255, blue: 136/255, alpha: 1)
self.awMenuBar.backgroundColor = UIColor(red: 58/255, green: 95/255, blue: 149/255, alpha: 1)
self.awMenuBar.menuBackGroundColor = UIColor.whiteColor()
//Customise the animation duration for the button
self.awMenuBar.animationDuration = NSTimeInterval(0.5)
//Customise the animation duration for the scaling effect of the circle
self.awMenuBar.scaleDuration = NSTimeInterval(0.8)
//Add as many buttons as you need
let baseY : CGFloat = 180
self.awMenuBar.addButton(baseY, text: "ABOUT")
self.awMenuBar.addButton(baseY + 80, text: "SHARE")
self.awMenuBar.addButton(baseY + 160, text: "ACTIVITY")
self.awMenuBar.addButton(baseY + 240, text: "SETTINGS")
self.awMenuBar.addButton(baseY + 320, text: "CONTACT")
//Make sure to call the setup function
self.awMenuBar.setUp()
}
```
- To get call back for button click event, your viewController must conform to `AWMenuBarDelegate`.
Example code to handle the call back:
```swift
class ViewController: UIViewController, AWMenuBarDelegate { //Conform to AWMenuBarDelegate
//...
//... Other set up
//...
//use buttonTapped to handle button click call back
func buttonTapped(sender: UIButton) {
print ("\(sender.currentTitle!) tapped")
self.awMenuBar.closeMenu()
}
}
```
###Todo:
- [ ] Implement other two effects ( [Parallex](http://codepen.io/virgilpana/full/dPKavr/) and [Split](http://codepen.io/virgilpana/full/wBXNJM/) )