UITabBarController

一、UITabBarController,继承并封装UIViewController,原理是每次点击之后先隐藏上一个记住的ViewController

UIViewController *viewController = _viewControllers[index];
    if (viewController.parentViewController) {
        [viewController willMoveToParentViewController:nil];
        [viewController.view removeFromSuperview];
        [viewController removeFromParentViewController];
    }

再insert一个新的

UIViewController *viewController = _viewControllers[index];
    [self addChildViewController:viewController];
    viewController.view.frame = CGRectMake(0, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame));
    if (self.tabBar) {
        [self.view insertSubview:viewController.view belowSubview:self.tabBar];
    }
    else {
        [self.view addSubview:viewController.view];
    }
    [self didMoveToParentViewController:viewController];

UITabBarController主要用来管理你提供的content view controllers,而每一个 content view controller则负责管理自己的view层级关系,通常,当你的程序想要提供一些平行(同一个等级的)的不同界面,而恰好这些界面使用到的数据是一类的,或者功能是一个系列的,那 tab bar interface 是非常有用的. 在这样的 tab bar interface界面中,你可以设置许多的 tab ,每一个 tab则一定要指定一个content view controller,当某个tab被点击时,UITabBarController就会选中该tab并且显示该viewController所持有的content view


1.jpg

观察上图,最下面的那个Tab bar,这是由UITabBarController自己负责维护的,就像UINavigation Bar是由UINavigationController负责维护一样,不建议被修改,但如果实在需要改变的话,只能通过UITabBarController提供的方法去修改。
  你有没有发现,绝大多数的iOS程序,如果他用到了UITabBarController,那么他的外观就像上图,Tab bar默认在下面,但有时我们又希望将他显示到最上面去,就像android的联系人程序一样,其实只要几句代码就行了:

self.tabBar.frame = CGRect(x: 0, y: 20, width: UIScreen.main.bounds.size.width, height: 44)  ```
  下方TabBar条继承UIView,封装成UITabBar,UITabBar的高度为49,UITabBarButton在UITabBar中得位置是均分的。
![2.png](http://upload-images.jianshu.io/upload_images/1744186-eb897b3449a36bfd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![3.png](http://upload-images.jianshu.io/upload_images/1744186-7ef50ff2c9c1bcad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

二、一个标准的 tab bar interface 通常由下列对象组成:
1.一个 UITabBarController 对象
2.每一个tab 都必须有一个content view controller(所以UITabBarController有一个属性是viewControllers)
3.一个可选的delegate对象
通常而言,UITabBarController一般作为应用程序的rootViewController,而且它不能作为UINavigationController的rootViewController。从xib的Embed in功能也能看出不建议UITabBarController再套一个UINavigationController,下面是apple官方给的一个图片
![4.jpg](http://upload-images.jianshu.io/upload_images/1744186-1c8b50309dedae02.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

从这张图可以看到:最右边的Assembled views是呈现给用户的集成好的界面,它左边的Window是最底层的窗口,重点来了,再往左,是Tab bar view,Tab bar view的上方是Navigation view,最后是用户定制的视图。
看完这个,代码就应该很好写了,我们需要把Navigation view加到 Tab bar view的内容上去,Tab bar view再加到Window上去。就是Window套UITabBarController,UITabBarController套UINavigationController, UINavigationController套UIViewController。

初始化

let A = AViewController()
let B = BViewController()
let C = CViewController()
let D = DViewController()
let E = EViewController()
let F = FViewController()
let list = [A,B,C,D,E,F]
var vcs = UIViewController
for i in 0 ... 5{
// 每个VC外套个Nav 也可不用
vcs.append(UINavigationController(rootViewController: list[i]))
}

    A.tabBarItem = UITabBarItem(title: "A", image: UIImage.init(named: "tab_home_n"), selectedImage: UIImage.init(named: "tab_home_s"))
    B.tabBarItem = UITabBarItem(title: "B", image: UIImage.init(named: "tab_inspiration_n"), selectedImage: UIImage.init(named: "tab_inspiration_s"))
    C.tabBarItem = UITabBarItem(title: "C", image: UIImage.init(named: "tab_me_n"), selectedImage: UIImage.init(named: "tab_me_s"))
    D.tabBarItem = UITabBarItem(title: "D", image: UIImage.init(named: "tab_purchase_n"), selectedImage: UIImage.init(named: "tab_purchase_s"))
    E.tabBarItem = UITabBarItem(title: "E", image: UIImage.init(named: "tab_search_n"), selectedImage: UIImage.init(named: "tab_search_s"))
    F.tabBarItem = UITabBarItem(title: "F", image: UIImage.init(named: "tab_me_n_u"), selectedImage: UIImage.init(named: "tab_me_s_u"))
 
    self.selectedIndex = 2;
    C.tabBarItem.badgeValue = "3"
    self.viewControllers = vcs

// self.moreNavigationController.navigationBar.isHidden = true
// self.tabBar.frame = CGRect(x: 0, y: 20, width: UIScreen.main.bounds.size.width, height: 44);

其中self继承自UITabBarController。图片一般ipad在60*60,iPhone在30*30左右。

三、 再来看下面这张图,它描绘了UITabBarController和它的属性viewControllers、customizableViewControllers和selectedViewController等的关系
![5.jpg](http://upload-images.jianshu.io/upload_images/1744186-15fccac9346b7d5d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  如果你的viewControllers属性添加了多于五个的items,那tab bar controller将会自动插入一个特殊的view controller,称为 More view controller,该 controller 将会负责管理多于的items,这个More view controller提供一个自定义的界面,用table的方式呈现多余的view controller,并且view controller的数量是不限制的。对于这个more view  controller ,UITabBarController 通过一个属性----moreNavigationController持有它的引用,但看名字就知道他是一个UINavigationController对象,所有我们可以修改它的一些属性,如:

self.tabBar.frame = CGRect(x: 0, y: 20, width: UIScreen.main.bounds.size.width, height: 44); ```
当然,如不是必须,最好不要修改它。
在tab bar interface创建好后,我们可以用代码动态的修改它,如:增加或删除tab项,对于这种操作,通常我们需要重新指派UITabBarController的viewConrollers属性来进行,有人可能要问了,为什么要重新指派,viewController不是一个数组吗,不能直接通过数组的remove方法直接删除吗,可别忘了,这个属性的类型是个NSArray,不能进行删除,添加的。我们知道,当tab bar interface界面显示后,我们只能在某一时刻操作一个界面,因此,修改viewControllers属性必须在某个content viewController中完成,我们可以通过UIViewController的属性 tabBarController来获得UITabBarController的引用,就像获得UINavigationController的引用一样:

四、 代理方法
UITabBarController是否能旋转呢?那要看它的那些viewControllers了,如果在viewControllers中只要有一个viewController不支持某个方向的旋转,那UITabBarControlelr就也不能旋转到该方向
当你点击某个tab项时,它对应的content viewController会得到显示,但有时也许我们就是不希望某个被你点击的view得到显示,如:某个viewController所需的数据还没有完成加载,或者必须等某个登陆界面 完成登陆后才能激活其他viewController,此时你可以实现UITabBarControllerDelgate中的方法
func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool { }
通过设置返回值来禁止某个viewController能否被选中。
当然你也可以通过代码手动去选择某个viewController,只要设置UITabBarController的属性selectedViewController 或者 selectedIndex(从0开始),但此时代理的方法是无效的,也就是说,如果你通过代码来选中某个viewController的话,则肯定是可以选中的。。。
didSelect方法 :当你选中某个tab 项时调用,我们可以在这里做一些操作,如隐藏状态栏,导航栏什么的
willBeginCustomizingViewControllers:当点击more后出现moreNavigationController画面时,点击那个edit按钮时触发

五、UITabBarController还允许你对viewControllers进行排序,你可以使任意一个viewController出现在第一个tab项中,上面我们有提到moreNavigationController,当tabs超过5个时,也就是viewControllers的个数超过5个时,最后一个的tab item默认为more,然后那些没能显示在tab上的viewController便可通过moreNavigationController以列表的形势显示,那是不是那些没能在tab上显示的viewController就永远只能在moreNavigationController的列表中显示了??当然不是,当我么点击more tab时会出现下面图6的界面,然后再点击navigationBar左边的编辑按钮时会出现图7,此时你可以把这些显示的tab直接拉到下面的 tab bar中,从而达到自定义tab的功能

6.png

7.png

那如果我希望某个viewController一直在tab上显示,二不希望用户将其排列到more tab中去,那该怎么办呢。。。。 UITabBarController有个属customizableViewControllers由它来决定哪些viewController允许重排列。。不过这里要注意了,默认情况下customizableViewControllers 和 viewControllers属性包含的内容是一样的,你可以手动设置它为viewControllers的字集(只能是字集),但当你重新更新了viewControllers时,customizableViewControllers又会默认和viewControllers相等

六、 使用场景
1.作为window的root view controller
2.作为 split view interface(iPad专有界面,不知道的可以百度下)中的其中一个一个view controller
3.作为modal view使用
4.作为UIPopoverController(iPad专有)的content view

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容