UPUPD技术论坛

标题: 仿新浪微博客户端“加号”按钮弹出动画 [打印本页]
作者: 星辰    时间: 2016-3-29 12:54
标题: 仿新浪微博客户端“加号”按钮弹出动画
本帖最后由 星辰 于 2016-3-29 14:33 编辑

仿新浪微博客户端“加号”按钮弹出动画




怎么使用：0.下载或者在cocoapods中引入：pod 'BHBPopView'1.导入头文件#import "BHBPopView.h"2.显示弹出框
  1. <font face="Arial">//添加popview
  2. [BHBPopView showToView:self.view
  3.     andImages:@[@"images.bundle/tabbar_compose_idea",
  4.       @"images.bundle/tabbar_compose_photo",@"images.bundle/tabbar_compose_camera",
  5.       @"images.bundle/tabbar_compose_lbs",@"images.bundle/tabbar_compose_review",
  6.       @"images.bundle/tabbar_compose_more"]
  7.     andTitles:
  8.       @[@"Text",@"Albums",@"Camera",@"Check in",@"Review",@"More"]
  9.     andSelectBlock:^(BHBItem *item) {

  11.     }
  12. ];</font>
复制代码
3.使用带more按钮滑动显示第二屏功能
  1. <font face="Arial"> BHBItem * item0 = [[BHBItem alloc]initWithTitle:@"Text" Icon:@"images.bundle/tabbar_compose_idea"];
  2. BHBItem * item1 = [[BHBItem alloc]initWithTitle:@"Albums" Icon:@"images.bundle/tabbar_compose_photo"];
  3. BHBItem * item2 = [[BHBItem alloc]initWithTitle:@"Camera" Icon:@"images.bundle/tabbar_compose_camera"];
  4. //第4个按钮内部有一组
  5. BHBGroup * item3 = [[BHBGroup alloc]initWithTitle:@"Check in" Icon:@"images.bundle/tabbar_compose_lbs"];
  6. BHBItem * item31 = [[BHBItem alloc]initWithTitle:@"Friend Circle" Icon:@"images.bundle/tabbar_compose_friend"];
  7. BHBItem * item32 = [[BHBItem alloc]initWithTitle:@"Weibo Camera" Icon:@"images.bundle/tabbar_compose_wbcamera"];
  8. BHBItem * item33 = [[BHBItem alloc]initWithTitle:@"Music" Icon:@"images.bundle/tabbar_compose_music"];
  9. item3.items = @[item31,item32,item33];

  11. BHBItem * item4 = [[BHBItem alloc]initWithTitle:@"Review" Icon:@"images.bundle/tabbar_compose_review"];

  13. //第六个按钮内部有一组
  14. BHBGroup * item5 = [[BHBGroup alloc]initWithTitle:@"More" Icon:@"images.bundle/tabbar_compose_more"];
  15. BHBItem * item51 = [[BHBItem alloc]initWithTitle:@"Friend Circle" Icon:@"images.bundle/tabbar_compose_friend"];
  16. BHBItem * item52 = [[BHBItem alloc]initWithTitle:@"Weibo Camera" Icon:@"images.bundle/tabbar_compose_wbcamera"];
  17. BHBItem * item53 = [[BHBItem alloc]initWithTitle:@"Music" Icon:@"images.bundle/tabbar_compose_music"];
  18. BHBItem * item54 = [[BHBItem alloc]initWithTitle:@"Blog" Icon:@"images.bundle/tabbar_compose_weibo"];
  19. BHBItem * item55 = [[BHBItem alloc]initWithTitle:@"Collection" Icon:@"images.bundle/tabbar_compose_transfer"];
  20. BHBItem * item56 = [[BHBItem alloc]initWithTitle:@"Voice" Icon:@"images.bundle/tabbar_compose_voice"];
  21. item5.items = @[item51,item52,item53,item54,item55,item56];</font>
复制代码
缺陷:
1.按钮弹出的动画比新浪原版略显生硬。
编写目的：仅供学习和交流，没有冒犯新浪大大的意思^_^。灵感：每次玩微博都强迫症作祟，跟个傻X一样不停的点这个，会不会有人跟我一样？对动画优化有建议的请issue我。没事跟我一样闲的蛋疼请issue我。
good luck!
Update log1.1版本更新:




欢迎光临 UPUPD技术论坛 (http://bbs.upupd.com/) Powered by Discuz! X3.2