AwesomeMenu is a menu with the same look as the story menu of Path.
How To:
Create the menu by setting up the menu items:
UIImage *storyMenuItemImage = [UIImage imageNamed:@"bg-menuitem.png"];
UIImage *storyMenuItemImagePressed = [UIImage imageNamed:@"bg-menuitem-highlighted.png"];
UIImage *starImage = [UIImage imageNamed:@"icon-star.png"];
AwesomeMenuItem *starMenuItem1 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage
highlightedImage:storyMenuItemImagePressed
ContentImage:starImage
highlightedContentImage:nil];
AwesomeMenuItem *starMenuItem2 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage
highlightedImage:storyMenuItemImagePressed
ContentImage:starImage
highlightedContentImage:nil];
// the start item, similar to "add" button of Path
AwesomeMenuItem *startItem = [[AwesomeMenuItem alloc] initWithImage:[UIImage imageNamed:@"bg-addbutton.png"]
highlightedImage:[UIImage imageNamed:@"bg-addbutton-highlighted.png"]
ContentImage:[UIImage imageNamed:@"icon-plus.png"]
highlightedContentImage:[UIImage imageNamed:@"icon-plus-highlighted.png"]];
Then, setup the menu and options:
AwesomeMenu *menu = [[AwesomeMenu alloc] initWithFrame:self.window.bounds startItem:startItem optionMenus:[NSArray arrayWithObjects:starMenuItem1, starMenuItem2]];
menu.delegate = self;
[self.window addSubview:menu];
You can also use menu options:
to locate the center of "Add" button:
menu.startPoint = CGPointMake(160.0, 240.0);
to set the rotate angle:
menu.rotateAngle = 0.0;
to set the whole menu angle:
menu.menuWholeAngle = M_PI * 2;
to set the delay of every menu flying out animation:
menu.timeOffset = 0.036f;
to adjust the bounce animation:
menu.farRadius = 140.0f;
menu.nearRadius = 110.0f;
to set the distance between the "Add" button and Menu Items:
menu.endRadius = 120.0f;
Twitter: @LeveyZhu
Sina Weibo: @LeveyZhu
Thanks for pashields providing the youtube demo :)
Thanks for acoomans for the options.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent