浅析iOS的页面结构

2017-01-14 10:05:08来源:http://www.jianshu.com/p/2884c02a036c作者:两耳之间人点击

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) UIBarButtonItem
leftBarButtonItem;
ØUIBarButtonItemrightBarButtonItem 右上角的视图
@property(nonatomic,retain) UIBarButtonItem
rightBarButtonItem; `




最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台