iOS －App主流框架UINavigationController && UITabBarController的简单使用

一个iOS app几乎没有由一个控制器组成，除非这个app非常简单。
当app中有多个控制器的时候，就需要对这些控制器进行管理，用1个控制器去管理其他多个控制器；
如图所示：



苹果公司为我提供了两个特殊的控制器，UINavigationController和UITabBarController去管理其它控制器；

一. UIViewController的简单使用
利用UINavigationController，可以轻松地管理多个控制器，轻松完成控制器之间的切换，典型例子就是系统自带的“设置”应用；



（1）UINavigationController的view结构



（2）UINavigationController工作原理
UINavigationController以栈的形式保存子控制器

如图：



使用push方法能将某个控制器压入栈

- (void)pushViewController:(UIViewController*)viewController
animated:(BOOL)animated;

使用pop方法可以移除栈顶控制器

三种移除方式：

将栈顶的控制器移除
- (UIViewController*)popViewControllerAnimated:(BOOL)animated;
回到指定的子控制器
- (NSArray*)popToViewController:(UIViewController*)viewController
animated:(BOOL)animated;
回到根控制器（栈底控制器）
- (NSArray*)popToRootViewControllerAnimated:(BOOL)animated;

导航栏的内容

导航栏的内容由栈顶控制器的navigationItem属性决定

UINavigationItem有以下属性影响着导航栏的内容

左上角的返回按钮
@property(nonatomic,retain)UIBarButtonItem*backBarButtonItem;

中间的标题视图
@property(nonatomic,retain)UIView
*titleView;

中间的标题文字
@property(nonatomic,copy) NSString
*title;

左上角的按钮

@property(nonatomic,retain)UIBarButtonItem*leftBarButtonItem;

右上角的按钮

@property(nonatomic,retain)UIBarButtonItem*rightBarButtonItem;

UINavigationController的使用步骤

初始化UINavigationController
设置UIWindow的rootViewController为UINavigationController
将第一个视图控制器设置为UINavigationController的根视图控制器
通过push方法新建子控制器
通过pop方法返回到上一级控制器

eg:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// Override point for customization after application launch.
//实例化window
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
//创建UINavigationController
UINavigationController *nvc = [[UINavigationController alloc] init];

//创建两个UIViewController，并设置背景色，push cv1，两秒后push vc2
UIViewController *cv1 = [[UIViewController alloc] init];
cv1.view.backgroundColor = [UIColor redColor];

UIViewController *cv2 = [[UIViewController alloc] init];
cv2.view.backgroundColor = [UIColor greenColor];
[nvc pushViewController:cv1 animated:YES];

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[nvc pushViewController:cv2 animated:YES];
});

//将UINavigationController设为window的根控制器
self.window.rootViewController = nvc;
[self.window makeKeyAndVisible];
return YES;
}

//UINavigationController的另一种初始化方法
- (instancetype)initWithRootViewController:(UIViewController*)rootViewController;//

二.UITabBarController的简单使用
跟UINavigationController类似，UITabBarController也可以轻松地管理多个控制器，轻松完成控制器之间的切换，典型例子就是QQ、微信等应用。



1.UITabBarController的view结构



2.UITabBarController的工作原理
如果UITabBarController有N个子控制器，那么UITabBar内部就会有N个UITabBarButton作为子控件
例如UITabBarController有3个子控制器，UITabBar的结构大致如下：



UITabBarButton里面显示什么内容，由对应子控制器的tabBarItem属性决定
UITabBarItem有以下属性影响着UITabBarButton的内容



标题文字
@property(nonatomic,copy)NSString*title;
图标
@property(nonatomic,retain)UIImage*image;
选中时的图标
@property(nonatomic,retain)UIImage*selectedImage;
提醒数字
@property(nonatomic,copy)NSString*badgeValue

添加单个子控制器

- (void)addChildViewController:(UIViewController*)childController;

UITabBarController的使用步骤

初始化UITabBarController

设置UIWindow的rootViewController为UITabBarController

根据具体情况，通过addChildViewController方法添加对应个数的子控制器

eg:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// Override point for customization after application launch.
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

UITabBarController *tabVc = [[UITabBarController alloc] init];

UIViewController *vcOne = [[UIViewController alloc] init];
vcOne.view.backgroundColor = [UIColor redColor];
vcOne.tabBarItem.title = @"one";
vcOne.tabBarItem.image = [UIImage imageNamed:@"icon1"];
[tabVc addChildViewController:vcOne];

UIViewController *vcTwo = [[UIViewController alloc] init];
vcTwo.view.backgroundColor = [UIColor blueColor];
vcTwo.tabBarItem.title = @"two";
vcTwo.tabBarItem.image = [UIImage imageNamed:@"icon2"];
[tabVc addChildViewController:vcTwo];

self.window.rootViewController = tabVc;
[self.window makeKeyAndVisible];
return YES;
}

运行效果：



三.目前主流的App框架
如：qq，微信，UITabBarController中嵌套UINavigationController



如：易信等
UINavigationController中嵌套UITabBarController



以上，并非严格意义上上的嵌套，TabBarController和NavigationController组合使用，能达到非常不错的效果。

四.Segue
以上TabBarController和NavigationController的简单使用，都是干掉main.storyboard后用代码的方式来创建；
当使用main.storyboard时，就会涉及到segue。
什么是segue呢？
Storyboard上每一根用来界面跳转的线，都是一个UIStoryboardSegue对象（简称Segue）
如图所示：



1.Segue的属性
唯一标识

@property(nonatomic,readonly)NSString*identifier;

来源控制

@property(nonatomic,readonly)idsourceViewController;

目标控制器

@property(nonatomic,readonly)iddestinationViewController;

如图所示：





2.Segue的类型
根据Segue的执行（跳转）时刻，Segue可以分为2大类型

自动型：点击某个控件后（比如按钮），自动执行Segue，自动完成界面跳转

手动型：需要通过写代码手动执行Segue，才能完成界面跳转

拖线方式：
按住Control键，直接从控件拖线到目标控制器，此时为“自动型Segue”

按住Control键，从来源控制器拖线到目标控制器此时为“手动型Segue”，此时为了方便使用，需要设置Segue的identifier属性。

使用“手动型Segue”时：在需要的时刻，由来源控制器执行perform方法调用对应的Segue

[self
performSegueWithIdentifier:identifiersender:nil];

完整过程是：self是来源控制器
根据identifier去storyboard中找到对应的线，新建UIStoryboardSegue对象
设置Segue对象的sourceViewController（来源控制器）

新建并且设置Segue对象的destinationViewController（目标控制器）

我们可以根据需求：如果点击某个控件，不需要做任何判断，直接跳转到下一个界面，则使用“自动型Segue”，反之则用用“手动型Segue”；

3.常用的方法
performSegueWithIdentifier:sender
调用sourceViewController的下面方法，做跳转前的准备工作并传入创建好的Segue对象

- (void)prepareForSegue:(UIStoryboardSegue*)segue
sender:(id)sender;

sender是调用performSegueWithIdentifier:sender:方法时传入的对象

调用Segue对象的- (void)perform;方法开始执行界面跳转操作

如果segue的style是push

取得sourceViewController所在的UINavigationController

调用UINavigationController的push方法将destinationViewController压入栈中，完成跳转

如果segue的style是modal

调用sourceViewController的presentViewController方法将destinationViewController展示出来

4.Modal

除了push之外，还有另外一种控制器的切换方式，那就是Modal

任何控制器都能通过Modal的形式展示出来

Modal的默认效果：新控制器从屏幕的最底部往上钻，直到盖住之前的控制器为止

以Modal的形式展示控制器

- (void)presentViewController:(UIViewController*)viewControllerToPresent
animated: (BOOL)flag completion:(void(^)(void))completion

关闭当初Modal出来的控制器

- (void)dismissViewControllerAnimated: (BOOL)flag
completion: (void(^)(void))completion;

原则：谁Modal，谁dismiss

5.控制器的数据传递
控制器的数据传递(顺传)

控制器的跳转方向： A ->B

数据的传递方向： A -> B

数据的传递方式： 在A的prepareForSegue:sender:方法中根据segue参数取得destinationViewController,也就是控制器B，直接给控制器B传递数据

在B的viewDidLoad方法中取得数据，或者利用setter方法，设置界面上的UI控件;

eg: 将当前的控制器中的self.modelArray[indexPath.row]数据传递给EditViewController：

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
EditViewController *editVc = (EditViewController *)segue.destinationViewController;
NSIndexPath *indexPath = [self.tableView indexPathForSelectedRow];
editVc.model = self.modelArray[indexPath.row];
}

需要重写EditViewController 的属性model的setter；然后在viewDidLoad的设置EditViewController内部其它属性赋值。（需要谨防viewDidLoad还没有加载完成，就对内部的控件赋值，否则会bug）；
@property
(nonatomic,strong)Model
*model;

控制器的数据传递(逆传）

控制器的跳转方向： A->
B

数据的传递方向： B -> A

数据的传递方式： 让A成为B的代理，在B中调用A的代理方法，通过代理方法的参数传递数据给A