如何轻松搞定的UITabbar自定义按钮

最近在看一些学习的视频和资料,不要问我资料哪里来的,只讨论技术,技术学会了就行,会用就好了,所有文章和资料仅供自己学习和知识储备。
预计实现的效果 -> 参照微博的底部tabbar,中间是一个➕按钮
1.使用Storyboard拖5个控制器,控制器是UIViewController还是UITableViewController这个就随意了,也可以加一个导航控制器,也可以不加。
2.将其他四个控制器的tabbarItem设置好图片和标题之后,将中间的展位控制器tabbarItem的图片和文字清楚默认,就清除一个默认标题就好,因为根本没有设置图片,如图
占位控制器TabbarItem设置.png
模拟器显示如下图
空占位控制器模拟器截图.png
3.然后进行TabBarController的设置,因为是Storyboard设置的控制器,所以需要创建一个UITabBarController并将其绑定到storyboard的TabBarController控制器
4.在TabBarController添加一个按钮

   UIButton *plusBtn = [[UIButton alloc] init];
    [plusBtn setImage:[UIImage imageNamed:@"tabbar_compose_icon_add"] forState:UIControlStateNormal];
    [plusBtn setImage:[UIImage imageNamed:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted];
    [plusBtn setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button"] forState:UIControlStateNormal];
    [plusBtn setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted];
    [plusBtn addTarget:self action:@selector(composeBtnClick) forControlEvents:UIControlEventTouchUpInside];
    [plusBtn sizeToFit];
    [self.tabBar addSubview:plusBtn];
    plusBtn.center = CGPointMake(self.tabBar.center.x, self.tabBar.bounds.size.height * 0.5);
简单的几行代码搞定自定义UITabbar按钮
自定义UITabbarBtn.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 人该走的弯路,其实一米也少不了。 ——叫兽 易小星 老妈年轻的时候也很烦她妈,不敢听见外婆说话,甚至肚子饿了也不想...
    馨馨点灯101阅读 168评论 0 0