快捷导航
本帖最后由 星辰 于 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) {

  10.     }
  11. ];</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];

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

  11. //第六个按钮内部有一组
  12. BHBGroup * item5 = [[BHBGroup alloc]initWithTitle:@"More" Icon:@"images.bundle/tabbar_compose_more"];
  13. BHBItem * item51 = [[BHBItem alloc]initWithTitle:@"Friend Circle" Icon:@"images.bundle/tabbar_compose_friend"];
  14. BHBItem * item52 = [[BHBItem alloc]initWithTitle:@"Weibo Camera" Icon:@"images.bundle/tabbar_compose_wbcamera"];
  15. BHBItem * item53 = [[BHBItem alloc]initWithTitle:@"Music" Icon:@"images.bundle/tabbar_compose_music"];
  16. BHBItem * item54 = [[BHBItem alloc]initWithTitle:@"Blog" Icon:@"images.bundle/tabbar_compose_weibo"];
  17. BHBItem * item55 = [[BHBItem alloc]initWithTitle:@"Collection" Icon:@"images.bundle/tabbar_compose_transfer"];
  18. BHBItem * item56 = [[BHBItem alloc]initWithTitle:@"Voice" Icon:@"images.bundle/tabbar_compose_voice"];
  19. item5.items = @[item51,item52,item53,item54,item55,item56];</font>
复制代码
缺陷:
1.按钮弹出的动画比新浪原版略显生硬。
编写目的:仅供学习和交流,没有冒犯新浪大大的意思^_^。灵感:每次玩微博都强迫症作祟,跟个傻X一样不停的点这个,会不会有人跟我一样?对动画优化有建议的请issue我。没事跟我一样闲的蛋疼请issue我。
good luck!
Update log1.1版本更新:
  • 优化弹出时间
  • 优化内存问题
  • 增加带层级关系的分组功能(替代原来的more方案)
  • 兼容iOS7真机找不到图片的问题
  • http://pan.baidu.com/s/1c26rnVy


分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 支持支持 反对反对
举报 使用道具
| 回复

共 0 个关于本帖的回复 最后回复于 2016-3-29 12:54

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩推荐

  • FlashFXP 5.3.0.3925 简体中文绿色便携特别
  • Discuz主题列表摘要图片显示4.4 商业版插件
  • 关于新手发帖回复提示“您无权发布该类型主
  • 【HTML基础】-1.3-认识html标签
  • [商业插件] Disczu论坛[1314]资源下载中心

明星用户

快速回复 返回列表
qq
收缩

QQ|网站地图|Sitemap|Archiver|手机版|小黑屋|UPUPD工作室 ( 京ICP备14055827号-3|网站地图

GMT+8, 2025-3-12 23:57 , Processed in 0.086821 second(s), 37 queries .