forked from levey/AwesomeMenu
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Arnaud Coomans
committed
Jan 3, 2012
1 parent
d548e3c
commit 6c22698
Showing
1 changed file
with
27 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,34 +1,49 @@ | ||
QuadCurveMenu is a menu looks like [Path](https://path.com/)'s story menu. | ||
QuadCurveMenu is a menu with the same look as [the Path app's menu](https://path.com/)'s story menu. | ||
|
||
Here is a [**declaration in my blog**](http://www.lunaapp.com/blog/?p=66) :) | ||
|
||
--- | ||
|
||
**How To**: | ||
|
||
In QuadCurveMenu.m | ||
|
||
* define the STARTPOINT to locate the center of "Add" button. | ||
Create the menu by setting up the menu items: | ||
|
||
* define the ROTATEANGLE to set the rotate angle. | ||
UIImage *storyMenuItemImage = [UIImage imageNamed:@"bg-menuitem.png"]; | ||
UIImage *storyMenuItemImagePressed = [UIImage imageNamed:@"bg-menuitem-highlighted.png"]; | ||
UIImage *starImage = [UIImage imageNamed:@"icon-star.png"]; | ||
|
||
QuadCurveMenuItem *starMenuItem1 = [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage | ||
highlightedImage:storyMenuItemImagePressed | ||
ContentImage:starImage | ||
highlightedContentImage:nil]; | ||
QuadCurveMenuItem *starMenuItem2 = [[QuadCurveMenuItem alloc] initWithImage:storyMenuItemImage | ||
highlightedImage:storyMenuItemImagePressed | ||
ContentImage:starImage | ||
highlightedContentImage:nil]; | ||
|
||
* define the MENUWHOLEANGLE to set the whole menu angle. | ||
Then, setup the menu and options: | ||
|
||
* define the ENDRADIUS to set the distance between the "Add" button and Menu Items. | ||
QuadCurveMenu *menu = [[QuadCurveMenu alloc] initWithFrame:self.window.bounds [NSArray arrayWithObjects:starMenuItem1, starMenuItem2]]; | ||
menu.delegate = self; | ||
[self.window addSubview:menu]; | ||
|
||
* define the NEARRADIUS and FARRADIUS to adjust the bounce animation. | ||
|
||
* define the TIMEOFFSET to set the delay of every menu flying out animation. | ||
You can also use menu options: | ||
|
||
menu.startPoint to locate the center of "Add" button. | ||
menu.rotateAngle to set the rotate angle. | ||
menu.menuWholeAngle to set the whole menu angle. | ||
menu.timeOffset to set the delay of every menu flying out animation. | ||
menu.farRadius and menu.nearRadius to adjust the bounce animation. | ||
menu.endRadius to set the distance between the "Add" button and Menu Items. | ||
|
||
--- | ||
|
||
Twitter: [@LeveyZhu](https://twitter.com/#!/LeveyZhu) | ||
|
||
Sina Weibo: [@SORA-Levey](http://weibo.com/leveyzhu) | ||
|
||
Enjoy to use it:) | ||
|
||
Thanks for [pashields](https://github.com/pashields) providing the [youtube demo](http://www.youtube.com/watch?v=vddaYMtETjo) :) | ||
Thanks for [acoomans](https://github.com/acoomans/QuadCurveMenu) for the options. | ||
|
||
|
||
![screenshots](http://k.minus.com/ib1kHc4lnLB8bd.gif) ![screenshots](http://k.minus.com/iovTFVTQQ192K.gif) ![screenshots](http://k.minus.com/i4BrO2tfCJxzk.gif) |