1、页面结构

相信很多人和我一样，开发了很多iOS页面但是确一直没有去详细剖析iOS页面中的页面结构。先说下常规的APP开发套路，首先我们会使用UINaviagtionController来作为一个导航控制器来管理我们APP中的导航，然后我们会向导航控制器中push或者pop UIViewController.

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    //1、创建窗口
    self.window = [[UIWindow alloc]initWithFrame:[[UIScreen mainScreen]bounds]];
    self.window.backgroundColor = [UIColor whiteColor];
    //2、创建导航控制器，并设置导航控制器的根控制器
    OneViewController *rootVC = [[OneViewController alloc]init];
    UINavigationController *navigationController = [[UINavigationController alloc]initWithRootViewController:rootVC];
    //3、设置窗口的根控制器
    self.window.rootViewController = navigationController;
    //4、显示窗口
    [self.window makeKeyAndVisible];
    return YES;
}

从代码中我们可以发现我们的步骤是：
UIWindow--UINavigationController--UIViewController

通过上面的逻辑关系我们肯定会迷惑，不是应该一切能显示的的东西都应该直接或者间接的继承UIView吗？这个就是苹果处处强调的MVC设计理念了（View应该对应一个Controller来管理），其实我们在设置UINavigationController和UIViewController的时候系统自动会给我们添加继承UIView的控件在UIWindows上面的。下面我们就来看看里面到底添加了哪些控件。

//递归显示页面的结构
- (void)dumpView:(UIView *)aView atIndent:(int)indent into:(NSMutableString *)outstring
{
    for (int i = 0; i < indent; i++) [outstring appendString:@"--"];
    [outstring appendFormat:@"[%2d] %@\n", indent, [[aView class] description]];
    for (UIView *view in [aView subviews])
        [self dumpView:view atIndent:indent + 1 into:outstring];
}

- (NSString *) displayViews: (UIView *) aView

{
    NSMutableString *outstring = [[NSMutableString alloc] init];
    [self dumpView: [UIApplication sharedApplication].keyWindow  atIndent:0 into:outstring];
    return outstring;
}

输出结果

页面层次结构

我们抽取主要的UIView转换为树这样看的更清晰

页面树结构

我们从图中的层次结构看出平时我们真正使用到的UIView和UINavigationBar不是直接添加到UIWindow里面的，而是有多个层次。并且还有些不是我们自己添加的UIView，这些是系统为了更好的实现功能而添加的，负责一些动画布局处理。
UILayoutContainerView:这个是UINavigationController的容器View这个就想相当于UIViewController中的UIView;我们可以通过代码,来看输出类型。

NSLog(@"super-%@",[self.navigationController.view class]);

UINavigationTransitionView和UIViewControllerWrapperView是什么鬼
stackoverflow解释
从里面的问答的基本意思是UINavigationTransitionView是UINaviagtionController来管理动画的，UIViewControllerWrapperView是用来包含我们实际开发的UI的。从集成结构我们也可以看出，UIView是包含在UIViewControllerWrapperView当中的。
通过下面的两段代码我们就可以得出我上图中的划线层次，

UINavigationController

    //输出UINavigationController中的View
    NSLog(@"super-%@",[self.navigationController.view class]);
    for (UIView *view in self.navigationController.view.subviews) {
        NSLog(@"view-%@",[view class]);
    }

输出结果

2016-11-04 19:56:59.420 UINavigationControllerDemo[57578:4726504] super-UILayoutContainerView
2016-11-04 19:56:59.421 UINavigationControllerDemo[57578:4726504] view-UINavigationTransitionView
2016-11-04 19:56:59.421 UINavigationControllerDemo[57578:4726504] view-UINavigationBar

UIViewController

//输出UIViewController中的View
   NSLog(@"super-%@",[self.view class]);
   for (UIView *view in self.view.subviews) {
       NSLog(@"view-%@",[view class]);
   }

输出结果

2016-11-04 20:01:56.655 UINavigationControllerDemo[57601:4729878] super-UIView
2016-11-04 20:01:56.655 UINavigationControllerDemo[57601:4729878] view-UIButton

2、UINavigationController、UINavigationBar和NavigationItem之间的关系

1、UINavigationBar是包含在UINavigationController中的；
2、NavigationItem是用于管理UINavigationBar中的子控件的对象。
注意:虽然UINavigationBar属于UINavigationController，但是我们却不能通过UINavigationController的NavigationItem属性来控制导航栏中的子控件；这个是很迷惑的地方

  //通过控制器的navigationItem设置属性
  self.navigationItem.title = @"首页";
  //这样设置无效
  self.navigationController.navigationItem.title = @"无效标题";

•导航栏的内容由栈顶控制器的navigationItem属性决定
•
•UINavigationItem有以下属性影响着导航栏的内容
Ø左上角的返回按钮
@property(nonatomic,retain) UIBarButtonItembackBarButtonItem;
Ø中间的标题视图
@property(nonatomic,retain) UIView titleView;
Ø中间的标题文字
@property(nonatomic,copy) NSString title;
Ø左上角的视图
@property(nonatomic,retain) UIBarButtonItemleftBarButtonItem;
ØUIBarButtonItemrightBarButtonItem 右上角的视图
@property(nonatomic,retain) UIBarButtonItemrightBarButtonItem; `