Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bestwnh/igldropdownmenu

An iOS drop down menu with pretty animation and easy to customize.
https://github.com/bestwnh/igldropdownmenu

animation customize dropdown dropdownmenu easy ios menu objective-c pretty

Last synced: 30 days ago
JSON representation

An iOS drop down menu with pretty animation and easy to customize.

Host: GitHub
URL: https://github.com/bestwnh/igldropdownmenu
Owner: bestwnh
License: mit
Created: 2014-08-30T12:09:05.000Z (about 10 years ago)
Default Branch: master
Last Pushed: 2020-09-07T21:35:26.000Z (about 4 years ago)
Last Synced: 2024-06-05T05:10:35.136Z (5 months ago)
Topics: animation, customize, dropdown, dropdownmenu, easy, ios, menu, objective-c, pretty
Language: Objective-C
Homepage: https://www.cocoacontrols.com/controls/igldropdownmenu
Size: 3.52 MB
Stars: 1,224
Watchers: 44
Forks: 161
Open Issues: 7
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

IGLDropDownMenu
===============

An iOS drop down menu with pretty animation.

## Screenshot

[![](https://raw.githubusercontent.com/bestwnh/IGLDropDownMenu/master/Screens/IGLDropDownMenuDemo.gif)](https://raw.githubusercontent.com/bestwnh/IGLDropDownMenu/master/Screens/IGLDropDownMenuDemo.gif)

## How To Use

#### Use CocoaPods:
pod 'IGLDropDownMenu'

#### Manual Install:
Just drap the files in folder IGLDropDownMenu to your project.

####*!Try the demo. It's really helpful!*

### Sample Code

1. Create your `IGLDropDownItem` array and set up
```objc
NSMutableArray *dropdownItems = [[NSMutableArray alloc] init];
IGLDropDownItem *item = [[IGLDropDownItem alloc] init];
[item setIconImage:[UIImage imageNamed:@"icon.png"]];
[item setText:@"title"];
[dropdownItems addObject:item];
```

2. Create your `IGLDropDownMenu` and set the up the parameter name `dropDownItems`
```objc
IGLDropDownMenu *dropDownMenu = [[IGLDropDownMenu alloc] init];
[dropDownMenu setFrame:CGRectMake(0, 0, 200, 45)];
dropDownMenu.menuText = @"Choose Weather";
dropDownMenu.menuIconImage = [UIImage imageNamed:@"chooserIcon.png"];
dropDownMenu.paddingLeft = 15; // padding left for the content of the button
```

3. modify the params of `IGLDropDownMenu`
```objc
dropDownMenu.type = IGLDropDownMenuTypeStack;
dropDownMenu.gutterY = 5;
dropDownMenu.itemAnimationDelay = 0.1;
dropDownMenu.rotate = IGLDropDownMenuRotateRandom;
```

4. Call the `reloadView` method (Very Important!)
```objc
// every time you change the params you should call reloadView method
[dropDownMenu reloadView];
```

### Parameters

These are just some of the parameters you can use, you can find more(or make more) in the code.

####*For `IGLDropDownMenu`*

- `animationDuration` set the duration(s) of the animation in second
- `animationOption` set the UIViewAnimationOptions for the animation
- `itemAnimationDelay` set the delay(s) before each of item start to animate

- `direction` set the direction when the menu expand
> - `IGLDropDownMenuDirectionDown` default value, expand downward
> - `IGLDropDownMenuDirectionUp` expand upward

- `rotate` set the rotate style when the menu on expand
> - `IGLDropDownMenuRotateNone` default value, for no rotate
> - `IGLDropDownMenuRotateLeft` rotate to left on expand
> - `IGLDropDownMenuRotateRight` rotate to right on expand
> - `IGLDropDownMenuRotateRandom` rotate random on expand every single time

- `type` set the menu type (remember when you set the type to SlidingIn* you can't have the rotate type at the same time.)
> - `IGLDropDownMenuTypeNormal` default value, item will hide behind the menu button on fold
> - `IGLDropDownMenuTypeStack` item will hide behind the menu button and make a stack like look
> - `IGLDropDownMenuTypeSlidingInBoth` item will slide in and out from both sides
> - `IGLDropDownMenuTypeSlidingInFromLeft` item will slide in from left
> - `IGLDropDownMenuTypeSlidingInFromRight` item will slide in from right
> - `IGLDropDownMenuTypeFlipVertical` item will flip vertical
> - `IGLDropDownMenuTypeFlipFromLeft` item will flip from left
> - `IGLDropDownMenuTypeFlipFromRight` item will flip from right

- `slidingInOffset` set the offset value for the items slide in and out
- `gutterY` set the Y gutter between items
- `alphaOnFold` set the item alpha value when menu on fold, only use this when the style won't fit your mind
- `flipWhenToggleView` when you set this to true, the menu button will flip up when you click
- `useSpringAnimation` use the spring animation for iOS7 or higher version, default is true
- `menuButtonStatic` keeps the menu button static regardless of selected menu item, default is NO

####*For `IGLDropDownItem`*

- `iconImage` set the icon image for the item
- `text` set the text string for the item
- `textLabel` for you to adjust the text label style
- `object` you can store your custom item in this property
- `index` the item index
- `paddingLeft` the left padding of the image view or only text
- `showBackgroundShadow` you can hide the drop down shadow with this property
- `backgroundColor` you can change the background color with this property

Remember the `menuButton` in `IGLDropDownMenu` is also an `IGLDropDownItem`.

### CustomView

If you want to control the view by yourself, you can use the `initWithMenuButtonCustomView` of `IGLDropDownMenu` and `initWithCustomView` of `IGLDropDownItem`.
If you use customView, the customView will auto set `userInteractionEnabled = NO` and the menu `menuButtonStatic = YES` and some style parameters will be invalid. You need to handle it yourself. I make a customView in the demo, try it!

### Delegate

####*For `IGLDropDownMenu`*
- `- (void)dropDownMenu:(IGLDropDownMenu*)dropDownMenu selectedItemAtIndex:(NSInteger)index;`
- `- (void)dropDownMenu:(IGLDropDownMenu *)dropDownMenu expandingChanged:(BOOL)isExpanding;`

## Requirements

- target platform: >=iOS 6.0 (I never test the version below 6.0, maybe you can make some try and tell me.)
- ARC

## Thanks

This drop-down menu idea is come from [here](http://tympanus.net/Development/SimpleDropDownEffects/index.html), I found this demo one day and just implement it on iOS.

## License

The MIT License (MIT)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.