欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

UITabBarController的view层级关系

程序员文章站 2022-04-11 15:21:50
...

一、UITabBarController,你可以设置许多的 tab ,每一个 tab则一定要指定一个content view controller,当某个tab被点击时,继承并封装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界面中,UITabBarController就会选中该tab并且显示该viewController所持有的content view

你有没有发现,绝大多数的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中得位置是均分的。

二、一个标准的 tab bar interface 通常由下列对象组成:
1.一个 UITabBarController 对象
2.每一个tab 都必须有一个content view controller(所以UITabBarController有一个属性是viewControllers)
3.一个可选的delegate对象
通常而言,UITabBarController一般作为应用程序的rootViewController,而且它不能作为UINavigationController的rootViewController。从xib的Embed in功能也能看出不建议UITabBarController再套一个UINavigationController,下面是apple官方给的一个图片
UITabBarController的view层级关系

从这张图可以看到:最右边的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在6060,iPhone在3030左右。

三、 再来看下面这张图,它描绘了UITabBarController和它的属性viewControllers、customizableViewControllers和selectedViewController等的关系
UITabBarController的view层级关系
如果你的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的功能