實現 Tumblr 應用的彈出菜單的方式：TumblrLikeMenu

jopen 11年前發布 | 18K 次閱讀 iOS開發移動開發 TumblrLikeMenu

TumblrLikeMenu 使用CAAnimation 實現 Tumblr 應用的彈出菜單的方式。

首先，設置子菜單：

TumblrLikeMenuItem *menuItem0 = [[TumblrLikeMenuItem alloc] initWithImage:[UIImage imageNamed:@"推ter"]
                                                         highlightedImage:[UIImage imageNamed:@"推ter"]
                                                                     text:@"推ter"];
TumblrLikeMenuItem *menuItem1 = [[TumblrLikeMenuItem alloc] initWithImage:[UIImage imageNamed:@"非死book"]
                                                         highlightedImage:[UIImage imageNamed:@"非死book"]
                                                                     text:@"非死book"];
TumblrLikeMenuItem *menuItem2 = [[TumblrLikeMenuItem alloc] initWithImage:[UIImage imageNamed:@"油Tube"]
                                                         highlightedImage:[UIImage imageNamed:@"油Tube"]
                                                                     text:@"油Tube"];
TumblrLikeMenuItem *menuItem3 = [[TumblrLikeMenuItem alloc] initWithImage:[UIImage imageNamed:@"Google+"]
                                                         highlightedImage:[UIImage imageNamed:@"Google+"]
                                                                     text:@"Google+"];
TumblrLikeMenuItem *menuItem4 = [[TumblrLikeMenuItem alloc] initWithImage:[UIImage imageNamed:@"Tumblr"]
                                                         highlightedImage:[UIImage imageNamed:@"Tumblr"]
                                                                     text:@"Tumblr"];
TumblrLikeMenuItem *menuItem5 = [[TumblrLikeMenuItem alloc] initWithImage:[UIImage imageNamed:@"LinkedIn"]
                                                         highlightedImage:[UIImage imageNamed:@"LinkedIn"]
                                                                     text:@"LinkedIn"];

NSArray *subMenus = @[menuItem0, menuItem1, menuItem2, menuItem3, menuItem4, menuItem5];

第二步創建菜單：

TumblrLikeMenu *menu = [[TumblrLikeMenu alloc] initWithFrame:self.view.bounds
                                                    subMenus:subMenus
                                                         tip:@"Nevermind"];
menu.selectBlock = ^(NSUInteger index) {
    NSLog(@"item %ld index selected", index);
};

最后顯示：