本文对UITabBarController进行分析，研究苹果内部是怎么构造出这个类的，以及我们怎么去自定义一个类

最新推荐文章于 2020-11-20 14:48:22 发布
最新推荐文章于 2020-11-20 14:48:22 发布
阅读量386 收藏 1
点赞数 1
文章标签： uitabbarcontroller 苹果 class objective-c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jaelenes/article/details/49682119
版权
1、内部实现细节分析
我们尝试去打印tabBar，看看一个没有进行操作的UITarBarController是怎么样的：
[objc]  view plain copy
  1. UITabBarController *tabBarController = [[UITabBarController alloc]init];  
  2. NSLog(@"%@",tabBarController.tabBar.subviews);  
结果发现打印出来是这样的：
[objc]  view plain copy
  1. (  
  2. )  
(>_<) 是空的，不过没关系，我们可以通过写一个继承于UITabBarController的类，来查看内部细节

新建一个继承于UITabBarController类的类NTTabBarController，然后在viewDidLoad中为self添加4个子控制器接着 在viewDidAppear中打印这样一句代码（在viewDidLoad中打印是没有结果的）
[objc]  view plain copy
  1. - (void)viewDidAppear:(BOOL)animated  
  2. {  
  3.     NTLog(@"%@",self.tabBar.subviews);  
  4. }  
打印出来的结果是这样：
[objc]  view plain copy
  1. (  
  2.     "<_UITabBarBackgroundView: 0x7fcd927a1b40; frame = (0 0; 320 49); autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x7fcd927070c0>>",  
  3.     "<UITabBarButton: 0x7fcd92453690; frame = (2 1; 76 48); opaque = NO; layer = <CALayer: 0x7fcd92454640>>",  
  4.     "<UITabBarButton: 0x7fcd9279d810; frame = (82 1; 76 48); opaque = NO; layer = <CALayer: 0x7fcd92426010>>",  
  5.     "<UITabBarButton: 0x7fcd92458a80; frame = (162 1; 76 48); opaque = NO; layer = <CALayer: 0x7fcd92459450>>",  
  6.     "<UITabBarButton: 0x7fcd9245c4b0; frame = (242 1; 76 48); opaque = NO; layer = <CALayer: 0x7fcd92426570>>",  
  7.     "<UIImageView: 0x7fcd9245db40; frame = (0 -0.5; 320 0.5); autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x7fcd92426de0>>"  
  8. )  
在分析之前，需要明确几个参数值，导航栏的高度是49，iphone5之前屏幕宽度都是320，iphone6的屏幕宽度是375，iphone6 plus的屏幕宽度是414。
（1）第一个是UITabBarBackgroundView类，我们好像从来都没有使用过这个类，接着去试着敲出这个类，发现没有提示，那么就说明这个类是私有的，苹果不希望外部去访问和操作它。不过通过这个类的命名以及frame来看，这个类是tarBar中于背景相关的。
（2）最后一个是UIImageView类，这个对于大家当然是很熟悉的，通过看它的frame，它的宽度是320，然后高度仅仅为0.5，那么我们联想到的是tabBar中的最上面的分割线。
（3）中间有4个UITabBarButton类的对象，这个类也是私有的，通过查看frame，可以知道苹果所设计的tabBar中都是宽76，高48这样的尺寸的。

了解完了内部结构之后，进一步深入到tarBar中去讨论：新建一个继承于UITabBar的类NTTabBar，同时在以上所使用的NTTabBarController中去使用NTTabBar而不是系统所给的UITabBar，导入NTTabBar类，我们尝试去赋值self.tarBar：
[objc]  view plain copy
  1. self.tabBar = [[NTTabBar alloc]init];  
但是xcode报错，错误为：
Assignment to readonly property --->试图修改只读属性，按住command然后点击tarBar，在文章中发现：
[objc]  view plain copy
  1. @property(nonatomic,readonly) UITabBar *tabBar  
那么这时候我们可以使用KVC进行修改，无论属性是通过什么来修饰的，都是可以使用KVC进行赋值修改的：
[objc]  view plain copy
  1. [self setValue:[[NTTabBar alloc]init] forKeyPath:@"tabBar"];  
这时候就可以在我们自定义的NTTabBar类中进行详细操作：
我们知道对于一个控件中子控件的排布，都是写在了layoutSubViews里面。我们在自定义的NTTabBar中去重写layoutSubViews方法：
[objc]  view plain copy
  1. - (void)layoutSubviews  
  2. {  
  3.     NSLog(@"%@",self.subviews);  
  4. }  
这样打印的结果为：
[objc]  view plain copy
  1. (  
  2.     "<UITabBarButton: 0x7fe5b9c3ed00; frame = (2 1; 76 48); opaque = NO; layer = <CALayer: 0x7fe5b9c3fcb0>>",  
  3.     "<UITabBarButton: 0x7fe5b9f9eaa0; frame = (82 1; 76 48); opaque = NO; layer = <CALayer: 0x7fe5b9f9afc0>>",  
  4.     "<UITabBarButton: 0x7fe5b9fa92a0; frame = (162 1; 76 48); opaque = NO; layer = <CALayer: 0x7fe5b9f9e710>>",  
  5.     "<UITabBarButton: 0x7fe5b9e6dbf0; frame = (242 1; 76 48); opaque = NO; layer = <CALayer: 0x7fe5b9e6e0a0>>"  
  6. )  
可以发现，这里只有我们添加到4个子控制器对应的UITabBarButton，而没有那个作为背景的UITabBarBackgroundView，和作为分隔线的UIImageView。
我们又尝试修改：
[objc]  view plain copy
  1. - (void)layoutSubviews  
  2. {  
  3.     [super layoutSubviews];  
  4.     NSLog(@"%@",self.subviews);  
  5. }  
这样打印出来的结果为：
[objc]  view plain copy
  1. (  
  2.     "<_UITabBarBackgroundView: 0x7fa952c17ab0; frame = (0 0; 320 49); autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x7fa952c7f430>>",  
  3.     "<UITabBarButton: 0x7fa952d52d30; frame = (2 1; 76 48); opaque = NO; layer = <CALayer: 0x7fa952d53d20>>",  
  4.     "<UITabBarButton: 0x7fa952ccd770; frame = (82 1; 76 48); opaque = NO; layer = <CALayer: 0x7fa952ccd5d0>>",  
  5.     "<UITabBarButton: 0x7fa952e3ea80; frame = (162 1; 76 48); opaque = NO; layer = <CALayer: 0x7fa952e3f370>>",  
  6.     "<UITabBarButton: 0x7fa952e42370; frame = (242 1; 76 48); opaque = NO; layer = <CALayer: 0x7fa952e3e970>>",  
  7.     "<UIImageView: 0x7fa952e4af60; frame = (0 -0.5; 320 0.5); autoresize = W; userInteractionEnabled = NO; layer = <CALayer: 0x7fa952e36650>>"  
  8. )  
这时候那两个控件就出来了，这是因为调用了super的方法。

2、重写构造tarBar内部结构
首先需要明确的是，对于UIView类或者是UIView类的子类，我们都需要在layoutSubViews里面去控制，所以我们在layoutSubViews里面进行重新布局（本例是模仿新浪微博的tarBar）：
[objc]  view plain copy
  1. #import "NTTabBar.h"  
  2.   
  3. @interface NTTabBar()  
  4. @property (nonatomic , strong) UIButton *middleButton;  
  5. @end  
  6.   
  7. @implementation NTTabBar  
  8.   
  9. // 懒加载  
  10. - (UIButton *)middleButton  
  11. {  
  12.     if (_middleButton == nil) {  
  13.         _middleButton = [UIButton buttonWithType:UIButtonTypeCustom];  
  14.         [_middleButton setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button"] forState:UIControlStateNormal];  
  15.         [_middleButton setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted];  
  16.         [_middleButton setImage:[UIImage imageNamed:@"tabbar_compose_icon_add" ] forState:UIControlStateNormal];  
  17.         [_middleButton setImage:[UIImage imageNamed:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted];  
  18.     }  
  19.     return _middleButton;  
  20. }  
  21.   
  22. - (void)layoutSubviews  
  23. {  
  24.     // 调用super的方法为了创建UIImageView的分割线，和UITabBarBackgroundView的背景控件  
  25.     [super layoutSubviews];  
  26.       
  27.     int index = 0;  
  28.     for (UIView *view in self.subviews) {  
  29.         // 通过判断class的类型来过滤掉背景控件和分割线控件  
  30.         if ([view isKindOfClass:NSClassFromString(@"UITabBarButton")]) {  
  31.             // 设置view的宽度  
  32.             view.width = 320 / 5;  
  33.             // 设置view的x--->由index来控制  
  34.             view.x = index * 320/5;  
  35.             // 再第三个位子留一个空位给自定义的middleButton  
  36.             if(index == 1){  
  37.                 index++;  
  38.                 // 创建middleButton并添加到tarBar  
  39.                 self.middleButton.height = 48;  
  40.                 self.middleButton.width = 320/5;  
  41.                 self.middleButton.x = index * 320/5;  
  42.                 self.middleButton.y = 2;  
  43.                 [self addSubview:self.middleButton];  
  44.             }  
  45.             index++;  
  46.         }  
  47.     }  
  48. }  
  49. @end  
通过在layoutSubViews方法中对进行操作，使得tarBar就变为了我们希望看到的效果：












Mr_Jalen
关注
iOS中UITabBarController的剖析
nineteen_的博客
10-14 1397
本文对UITabBarController进行分析，研究苹果内部是怎么构造出这个类的，以及我们怎么去自定义一个类
iOS基础 UITabBarController
乐事派的专栏
05-21 528
使用 创建子控制器继承自UITabBarController，在viewDidLoad阶段，把各个分页上的控制器给创建好，用UITabBarController的方法addChildControoler相关的方法就可以完成子控制器的添加。 be like： private func creatChildController(vc:UIViewController,title:String,image:String,selected:String?){ vc.title = title
iOS开发UI篇—UITabBarController简单介绍
weixin_30651273的博客
11-13 103
一、简单介绍 UITabBarController和UINavigationController类似,UITabBarController也可以轻松地管理多个控制器,轻松完成控制器之间的切换,典型的例子就是QQ、微信等应⽤。 二、UITabBarController的使用 1.使用步骤： （1）初始化UITabBarController （2）设置UIWindo...
iOS——UITabBarController
透心凉的博客
03-25 375
一、UITabBarController简介 1.UITabBarController 对象可以保存多个 视图控制器 并进行切换，还会在屏幕底部显示一个 标签栏（tab bar），标签栏里会有多个标签项（tab item），每个标签项对应 UITabBarController 对象保存的 视图控制器，单击某个标签项，会显示对应的 视图控制器的视图 二、UITabBarControlle
iOS UITabbarController
你也很优秀的博客
11-20 359
1:UITabBarController & UINavigationController的区别 应用场景不同: 导航视图控制器 -->管理有层次关系的视图控制器（依赖关系） 标签视图控制器 -->管理没有层次关系的视图控制器（同时存在，互不干扰） 管理方式不同: 导航视图控制器 -->以栈的形式管理多个试图控制器，push入栈，pop出栈，当返回上一界面时，空间回收 标签视图控制器 -->以不可变数组管理，而且创建时必须要全部指定所管理的多个视图控制器，而且多个视图控制
用 Swfit 搭建一个完整项目
KLTec.
11-15 4427
用 Swfit 搭建一个完整项目Swift 目前更新到了 Swift4，已经相当稳定，相比于之前的版本跳跃就得重学的情况，从 Swift3 更新到 Swift4 的成本非常小。再加上苹果极力推行 Swift，可以预见在不远的未来，Objective-C 将会被淘汰，现在可见最多的就是混编，OC 项目添加 Swift 代码，将老项目一步步更改为 Swift 版本，这样也是学习和研究 Swift 的一
Alamofire网络库基础教程：使用 Alamofire 轻松实现 Swift 网络请求(一)
sunyazhou13的专栏
12-04 1000
本章节由CocoaChina翻译组成员星夜暮晨（博客）翻译自raywenderlich:Beginning Alamofire Tutorial，敬请勘误。 AFNetworking是 iOS 和 OS X 上最受欢迎的第三方库之一。它曾在我们的2012年的读者评选中荣获2012年度最佳 iOS 库称号。它同样也在 Github 上面获得了14000多个 stars 和4000多
Sina News IOS
06-02
本文将以“Sina News IOS”为例，深入探讨如何构建一个基于Sina RSS数据源的iOS新闻阅读应用，涉及的关键技术和知识点包括JSON解析、网络通讯、Tab分页以及侧边栏设计，这些内容对于初学者和进阶开发者来说都是不可...
微信小程序适配 iPhone X 总结
zsxjtip的博客
07-26 363
原文链接 本文主要介绍我们的知识小集小程序在适配 iPhone X 屏幕时遇到的一些问题以及总结，希望对你的小程序开发能有所帮助。 iPhone X 屏幕数据 在去年 9 月份 iPhone X 正式发布后，引发了一波 iOS App 适配 iPhone X 的热潮和技术文章，详情可以参考掘金技术社区的这个专题：《iPhone X 适配实践》 我们这里先简单总结一下 iPhone X 屏幕的基础数...
UITabBarController
起点
09-10 6195
1.创建一个UITableController 2.为每个Tab创建一个视图控制器 3.创建一个array  把视图控制器都添加到array中 在把array放到UITabBarCtrl的Controllers中 4.设置根视图为tabBar *只有在支持旋转的设置  才会旋转  发生旋转时只有当前的ViewController才会接受到旋转的消息 *对于UITabB
纯代码搭建iOS三级结构（UITabbarController+UINavigationController+UIViewController）
04-07
详情请看博客http://blog.csdn.net/ecjtuacm_yuewei/article/details/69400245
iOS UITabBarController(自定义, tarBar中间有自定义按钮)
12-11
包括tabBarController的基本设置, 自定义tabBar(tabBar中间包含按钮)
iOS UITabBarController
LayneCheung
08-15 212
UITabBarController跟UINavigationController类似，UITabBarController也可以轻松地管理多个控制器.UITabBarController的View结构.UITabBarController它是一个控制器,所以它也有自己的View. 它view内部的结构为一个专门存放子控制器View的View,和一个UITabBar条. 注意:UITabBar
iOS控件之UITabBarController（分栏控制器）
星星leslie的博客
07-22 556
iOS控件之UITabBarController（分栏控制器） 这段代码写在#import "AppDelegate.m"里面 为了体现分栏，以下我创建了三个视图控制器 #import "AppDelegate.h" #import "VCFirst.h" #import "VCSecond.h" #import "VCThird.h" #import "rootViewController....
【iOS学习】UITabBarController
liudongdong_jlu
05-01 308
alertView prompt let alertView : UIAlertController = UIAlertController(title: "~~您已成功加入购物车耶耶~~", message: titleaddprice, preferredStyle: .alert) let okaction : UIAlertAction = UIAlertAction(t...
iOS 自定义UITabBarController
人不风流枉少年
09-09 1485
AppDelegate.m#application:didFinishLaunchingWithOptions主要分为三步： 1. 创建窗体 2. 设置窗体的根视图控制器 3. 显示窗体 父子控制器：当控制器的view互为父子关系，那么控制器最好也互为父子关系 问题：所有代码写到AppDelegate中不够简介，方法太臃肿，而且①：UITabBarControlle...
swift UITabBarController push 到另一个 UITabBarController 无法通过popViewController返回第一个UITabBarController，如何才能正确的返回第一个UITabBarController
最新发布
06-06
在使用 `UITabBarController` 嵌套 `UINavigationController` 进行页面跳转时，使用 `push` 方法会将新的 `UINavigationController` 压入栈中，导致在返回时无法直接使用 `popViewController` 返回到上一级 `...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值