https://github.com/levey/AwesomeMenu
模仿Path的menu,使用CoreAnimation實現.
1、首先說使用
AwesomeMenuItem *starMenuItem1 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage highlightedImage:storyMenuItemImagePressed ContentImage:starImage highlightedContentImage:nil]; AwesomeMenuItem *starMenuItem2 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage highlightedImage:storyMenuItemImagePressed ContentImage:starImage highlightedContentImage:nil]; AwesomeMenuItem *starMenuItem3 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage highlightedImage:storyMenuItemImagePressed ContentImage:starImage highlightedContentImage:nil]; AwesomeMenuItem *starMenuItem4 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage highlightedImage:storyMenuItemImagePressed ContentImage:starImage highlightedContentImage:nil]; AwesomeMenuItem *starMenuItem5 = [[AwesomeMenuItem alloc] initWithImage:storyMenuItemImage highlightedImage:storyMenuItemImagePressed ContentImage:starImage highlightedContentImage:nil]; NSArray *menus = [NSArray arrayWithObjects:starMenuItem1, starMenuItem2, starMenuItem3, starMenuItem4, starMenuItem5, nil]; 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"]]; AwesomeMenu *menu = [[AwesomeMenu alloc] initWithFrame:self.window.bounds startItem:startItem optionMenus:menus]; menu.delegate = self; menu.menuWholeAngle = M_PI_2; menu.farRadius = 110.0f; menu.endRadius = 100.0f; menu.nearRadius = 90.0f; menu.animationDuration = 0.3f; menu.startPoint = CGPointMake(50.0, 410.0);
2、實現原理:
當點擊中間的按鈕后,
touchesBegan
touchesMoved
touchesEnded
會依次被調用。
在touchesBegan中,調用了,AwesomeMenu的AwesomeMenuItemTouchesBegan方法,這里會調用setExpanding方法,這里用了一個NSTimer來啟動動畫。
_expand和才close分別是打開和關閉的動畫。
這里面的動畫列子挺好的,這里就不多介紹了。