UITabBarController的基本原理及使用(一)

前言

UITabBarController在iOS开发中是一个高频使用的控制器,典型的案例如QQ、微信均使用UITabBarController布局。本文将从一个新建工程,和大家一起了解UITabBarController的基本原理和使用方法。


基本概念

UITabBarController能够方便地管理多个控制器,并且在多个控制器之间切换。看个示例
界面展示(图片来自网络)

微信主界面有4个子控制器,分别是微信,通讯录,发现,点击不同的图标,会展示不同的页面(也就是子控制器的view)。这是一个典型的UITabBarController应用案例。


项目实践

我们通过新建项目来熟悉UITabBarController,实践出真知。
实验环境:Xcode 9.4.1
编程语言:Objective-C
我们主要理解原理,用swift也是可以的,本例使用OC。
image.png

选择Single View App(单视图app),点Next
image.png
Product Name:是项目的名称,可自定义。
Organization Name:组织名,可自定义
Organization Identifier:组织标识符,最好和单位域名保持一致,可自定义。
其它默认,点Next,一个崭新的项目就创建好了。

这个case我们可能要做几遍,第一遍我们用纯代码来实现。
image.png
选中info.plist,把Main storyboard file base name对应值(value)删掉。这样做的目的是让程序在运行时,不从Main.storyboard里面加载控制器,而是通过代码加载。
AppDelegate.m
仔细看图中的注释。我再解释一下启动流程。

  1. 程序启动先的main.m入口函数;
  2. 接着查看info.plist里面的main值(被我们清空了value),结果为空,即不加载Main.storyboard.
  3. 调用appDelegate的didFinishLaunchingWithOptions方法。
    来到didFinish...方法后,我们需要手工创建window、UItabBarController,并将window设置为可见状态。
    做完以上几步,我们先运行一下程序。
    image.png
    我们看到导航栏已经正常显示,证明加载成功,为什么主窗口是黑色,因为还没添加子控制器。

我们给tabbar添加第一个控制器。
image.png

注意勾选Also create XIB file,让系统创建一个同名的xib文件(可图形化部署控件)。
image.png
会生成三个文件。点击.xib文件,把view设置成红色(为了醒目)。
image.png
设置好后,返回AppDelegate.m文件。
image.png

引用刚才创建的FirstViewController,然后创建一个FirstViewController对象,并通过tabbar的addChildViewController方法将控制器设为tabbar的子控制器 。运行一下程序。
image.png

我们发现祖国山河一片红,证明子控制器成功加载。
依葫芦画瓢,再创建个UIViewController控制器,颜色设置为蓝色(大家随意,深色就好,方便观察效果)。在AppDelegate.m里面,依照添加第一个控制器,再把第二个控制器加载到tabar里面。
image.png

Question 1:此时运行程序,tabbar会加载哪一个ViewController?

答:我们说过tabbar可以管理多个控制器,其实是把这些控制器加载到一个数组里面来管理,先加载的下标是0,第2个加载下载是1,以此类推。
而tabbar默认显示第一个添加的子控制器,也就是firstVC。所以还是加载的红色。

如果你想手动选择加载的控制器,可以使用selectedIndex属性。在本例中可以这样做:

tabBarViewController.selectedIndex = 1;

//本例中目前加载了2个子控制器,他们的下标分别是0,1.

再运行一 下程序,你指定的子控制器应该已经加载成功了。

(未完待续)
欢迎关注的我的公众号:Ted的技术乐园

猜你喜欢

转载自blog.51cto.com/1038433/2169911