Swift

UITabBarController

2016-12-02  本文已影响593人  胡萝卜2大爷er

一、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:https://img.haomeiwen.com/i1744186/eb897b3449a36bfd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![3.png](http:https://img.haomeiwen.com/i1744186/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:https://img.haomeiwen.com/i1744186/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:https://img.haomeiwen.com/i1744186/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

上一篇下一篇

猜你喜欢

热点阅读