随意细解：UI -- 自定义视图、视图控制器

自定义视图

自定义label-textField视图

⾃⼰组合⽽出的新的视图。把Label和Textfield封装到LTView中，在⼀定程度上简化了我们的代码，提高工作效率，大大提高代码的复用性。（⾼质量代码特点：可复⽤，可移植，精炼等。）

登录界⾯有个特点：每个UITextField都有⼀个UILabel修饰。我们需要对LTView中的Label或者Textfield进⾏⼀定的控制，⽐如：设置Label的text，获取Textfield的text，给Textfield指定delegate，设置textColor等。

自定义视图步骤

1、创建⼀个UIView⼦类

2、在类的初始化⽅法中添加⼦视图

3、类的.h⽂件提供⼀些接⼝（⽅法），便于外界操作⼦视图。

代码演示：

在LTView.h中声明属性。方便外部取出

@property (nonatomic, retain) UILabel *label;
@property (nonatomic, retain) UITextField *textField;

在LTView.m中重写初始化方法

//在MRC模式中需要重写dealloc方法
- (void)dealloc
{
[self.label release];
[self.textField release];
[super dealloc];
}

// 重写初始化方法，在初始化LTView的同时把label也加进去
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// 动态获取宽度、高度
CGFloat width = frame.size.width;
CGFloat height = frame.size.height;
// 根据上面的宽度，添加label
self.label = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, width / 3, height)];
//  self.label.backgroundColor = [UIColor cyanColor];
[self addSubview:self.label];
[self.label release];
// 动态获取宽度
CGFloat x = width / 3 ;
CGFloat w = width * 2 / 3;
self.textField = [[UITextField alloc]initWithFrame:CGRectMake(x, 0, w, height)];
//  self.textField.backgroundColor = [UIColor greenColor];
self.textField.borderStyle = UITextBorderStyleRoundedRect;
[self addSubview:self.textField];
[self.textField release]；
}
return self;
}

在View中可以直接使用LTView

视图控制器指定自定义View

UIViewController：视图控制器，是MVC设计模式的核⼼。控制视图显⽰，响应事件。分担AppDelegate的⼯作。实现模块独⽴，提⾼复⽤性。

视图控制器功能

控制视图⼤⼩变换、布局视图、响应事件。

检测以及处理内存警告。

检测以及处理屏幕旋转。

检测视图的切换。

视图控制器创建步骤

定义UIViewController的⼦类

创建视图控制器对象，作为window的根视图控制器

在viewDidLoad中使⽤默认创建好的视图对象view

代码演示：

引入头文件

#import "RootViewController.h"

创建视图控制器对象，作为window的根视图控制器

// 初始化控制器
RootViewController *rootVC = [[RootViewController alloc]init];
// 设置根视图控制器
self.window.rootViewController = rootVC;
// 释放
[rootVC release];

在viewDidLoad中使⽤默认创建好的视图对象view

- (void)viewDidLoad {
[super viewDidLoad];
}

视图控制器指定⾃定义view的创建步骤

注：视图控制器创建步骤如上所述

1. ⾃定义视图类继承UIView。在初始化⽅法中添加⼦视图控件。

2. 重写controller的loadView⽅法。创建⾃定义视图对象，并指定为controller的view。

3. 将⼦视图控件对象设置为⾃定义视图类的属性，在viewDidLoad⽅法中进⾏设置：添加action、设置delegate等等。

4. 在controller中添加按钮点击事件实现和代理⽅法的实现。

代码演示：

还是以LTView为例，新建登录视图

⾃定义视图类LoginView继承UIView。在初始化⽅法中添加⼦视图控件。

-(instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
self.userNameLTView = [[LTView alloc]initWithFrame:CGRectMake((kScreenWidth - 300) / 2, 100, 300, 50)];
[self addSubview:self.userNameLTView];
self.userNameLTView.label.text = @"用户名";
self.userNameLTView.textField.placeholder = @"请输入用户名：";
[self.userNameLTView release];

self.passwordLTView = [[LTView alloc]initWithFrame:CGRectMake((kScreenWidth - 300) / 2, self.userNameLTView.frame.origin.y + self.userNameLTView.frame.size.height + kRowHeight, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height)];
self.passwordLTView.label.text = @"密码";
self.passwordLTView.textField.placeholder = @"请输入密码：";
[self addSubview:self.passwordLTView];
[self.passwordLTView release];

NSArray *arr = @[@"登录",@"注册",@"找回密码"];
// 循环button
for (int i = 0; i < 3; i++) {
UIButton *button = [UIButton buttonWithType:(UIButtonTypeCustom)];
button.frame = CGRectMake(20 + (i * 100), 300, 90, 50);
[button setTitle:arr[i] forState:(UIControlStateNormal)];
[button setTitleColor:[UIColor blueColor] forState:(UIControlStateNormal)];
[self addSubview:button];
// 加标签，方便取出button，与属性的button相对应
button.tag = 300 + i;
}
self.loginButton = (UIButton *)[self viewWithTag:300];
self.registerButton = (UIButton *)[self viewWithTag:301];
self.findPasswordButton = (UIButton *)[self viewWithTag:302];
}
return self;
}

重写Viewcontroller的loadView⽅法。创建⾃定义视图对象，并指定为controller的view。

- (void)loadView
{
// 用loginView替换控制器的view
LoginView *loginView = [[LoginView alloc]initWithFrame:[UIScreen mainScreen].bounds];
// 帮系统给self.view赋值
self.view = loginView;
loginView.tag = 1000;
[loginView release];
}

将⼦视图控件对象设置为⾃定义视图类的属性，在viewDidLoad⽅法中进⾏设置：添加action、设置delegate等等。

// 视图已经加载完成
- (void)viewDidLoad {
[super viewDidLoad];

// 更改自身view的颜色
self.view.backgroundColor = [UIColor grayColor];

// 给button添加一个点击方法

LoginView *loginView = (LoginView *)self.view;
[loginView.loginButton addTarget:self action:@selector(buttonClick:) forControlEvents:(UIControlEventTouchUpInside)];
loginView.userNameLTView.textField.delegate = self;
loginView.passwordLTView.textField.delegate = self;
}

在ViewController中添加按钮点击事件实现和代理⽅法的实现。

// 设置button的点击事件
- (void)buttonClick:(UIButton *)button
{
NSLog(@"我是登录按钮");
}
// return按钮的键盘回收的代理方法
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
[textField resignFirstResponder];
return YES;
}

检测屏幕旋转

屏幕横屏时，横屏布局。屏幕竖屏时，竖屏布局。

步骤

允许屏幕旋转

指定屏幕旋转的方向

找到旋转触发的方法

判断屏幕方向，更改布局

代码演示：

在ViewController.m中：

1.允许屏幕旋转

- (BOOL)shouldAutorotate
{
return YES;
}

2.指定屏幕旋转的方向

- (NSUInteger)supportedInterfaceOrientations
{
return UIInterfaceOrientationMaskAll;
}

3.旋转时触发的方法

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{
NSLog(@"%@",NSStringFromCGSize(size));
}

4.重新布局子视图

// frame发生变化的时候会触发layoutSubviews方法
-(void)layoutSubviews
{
// 因为不知道父类这个方法做了什么，所以需要在重写的时候，先调用一下父类的方法,然后再写自己的；
[super layoutSubviews];
// frame发生变化，相当于横屏了。这时需要重新布局
// 判断竖屏还是横屏
// 1.把应用程序取出来
// 2.判断当前应用程序 屏幕的朝向
// 取出应用程序  单例方法的命名规范share什么
UIApplication *app = [UIApplication sharedApplication];
// 判断方向
if (app.statusBarOrientation == UIInterfaceOrientationPortrait || app.statusBarOrientation == UIInterfaceOrientationPortraitUpsideDown) {
NSLog(@"竖着的");

self.passwordLTView.frame = CGRectMake((kScreenWidth - 300) / 2, self.userNameLTView.frame.origin.y + self.userNameLTView.frame.size.height + kRowHeight, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height);
}else{
self.passwordLTView.frame = CGRectMake(self.userNameLTView.frame.origin.x + self.userNameLTView.frame.size.width + 20, self.userNameLTView.frame.origin.y, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height);

NSLog(@"横着的");
}
}

处理内存警告

控制器能监测内存警告，以便我们避免内存不够引起的crash。在定义的controller⼦类中重写didReceiveMemoryWarning⽅法。释放暂时不使⽤的资源。

// 接到内存警告触发的方法
- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
NSLog(@"内存警告了");

// 释放已经显示过的视图，并且不是当前显示的视图
// 如果视图正在被显示，那么这个视图的window属性不是空的
if ([self isViewLoaded] == YES && self.view.window == nil) {
// 把当前视图释放
self.view = nil;
}
}

容器视图控制器

例： 创建两个视图控制器，把SecondViewController添加到RootViewController上，并在RootViewController上添加一个按钮，点击按钮，移除SecondViewController视图。

在RootViewController中引入SecondViewController的头文件

#import "SecondViewController.h"

在RootViewController的viewDidLoad中添加子控制器SecondViewController

- (void)viewDidLoad {
[super viewDidLoad];
// 如果你不想替换self.view，一般都写在viewDidLoad方法中
// 添加子控制器
self.secondVC = [[SecondViewController alloc]init];
// 把secondVC添加成子控制器，让rootVC去管理
[self addChildViewController:self.secondVC];
// 把secondVC.view添加到 rootVC.view上
[self.view addSubview:self.secondVC.view];
// 释放
[self.secondVC release];
self.view.backgroundColor = [UIColor redColor];

// 添加一个按钮，移除视图，移除子控制器
UIButton *button = [UIButton buttonWithType:(UIButtonTypeCustom)];
button.frame = CGRectMake(100, 100, 100, 100);
button.backgroundColor = [UIColor blackColor];

// 添加到rootVC.view上
[self.view addSubview:button];

[button addTarget:self action:@selector(buttonClick:) forControlEvents:(UIControlEventTouchDragInside)];
}

添加按钮点击事件，实现移除子视图控制器

- (void)buttonClick:(UIButton *)button
{
// 移除视图
[self.secondVC.view removeFromSuperview];
// 移除子控制器
[self.secondVC removeFromParentViewController];
}

这时，子视图控制器SecondViewController的生命周期是：

视图将要出现时的方法：

-(void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
}

视图已经出现时的方法：

-(void)viewDidAppear:(BOOL)animated
{
[super viewWillAppear:animated];
}

视图将要消失时的方法：

-(void)viewWillDisappear:(BOOL)animated
{
[super viewWillAppear:animated];
}

视图已经消失时的方法：

-(void)viewDidDisappear:(BOOL)animated
{
[super viewWillAppear:animated];
}

注：可以在对应的方法中完成想要实现的功能。