Creating VC by using .XIB

创建Xib前的准备

• 仍然使用single view 单例模式创建
• 不去删除原生的Main.storyboard
  • 这样做可以省去在Appdelegate中的 didFinishLaunch去设置self.window.view及设定rootviewController
• 这种的方式。VC的入口仍然是Main.storyboard及其对应的 ViewController.m

创建Xib

• 下面着重讲一下之前的一个认知误区：即 一个XIB ≠ 一个ViewController
• 有两个函数可以载入XIB上的内容
  • initWithNib
    self.vc = [[ViewController alloc] initWithNibName:@"ViewController"
    bundle:nil];
  • loadNibNamed: owner: options:
    self.view = [[NSBundle mainBundle] loadNibNamed:@"SpecialThird"
    owner:self
    options:nil].lastObject;
• 下面着重来介绍下这两种方式。

XIB作为ViewContrller的对应UI使用

使用initWithNib

1. 有一个大前提，如上面创建Xib前的准备 所述，通过单例创建且不删除main.storyboard
2. 通过cmd+n 新建一个ViewController的子类DIYViewController，创建时，有一个Also Create XIB file
3. 创建之后，可以在这个ViewController上拖曳/添加控件，这些都与storyboard一样，没有差异。再次不赘述，注意下面这张图即可

Paste_Image.png

XIB 作为自定义的View使用 __ 重点 __

使用loadNibNamed: owner: options:

1. 此时的XIB相当于我们的一个自定义UIView
2. 先通过cmd+n 去interface里面创建一个empty的XIB（和上面不同，上面是通过队要你管的VC类创建XIB，这里是直接先创建XIB）
3. 此时XIB里没有UI界面，从控件中拖取一个UIView进来
4. 创建一个DIYView继承UIView
5. 指明第三步创建的UIView的类为DIYView，并在上面添加控件，如下图，及对应的实现代码
   注意图中的说明。class的类为NSObject何上面的自定义vc不同！
6. NSBundle会动态实现，也就是说一旦在viewdidload中创建，就会立即出现

Paste_Image.png

//  SpecialView.m
//  ForTestingXIB
#import "SpecialView.h"
@interface SpecialView()
@property (weak, nonatomic) IBOutlet UILabel *ShowLabel;

@end

@implementation SpecialView
- (IBAction)changeLabel:(UIButton *)sender {
    self.ShowLabel.text = @"Now changed";
}

下面是如何在main.storyboard 对应的 ViewController中插入

• 代码中包括了上面的两种方法
• 重点说一下loadNibNamed这个函数。
  • 这个函数的返回值是一个由UIView(或其子类)组成的 NSArray如下

    NSArray *array = [[NSBundle mainBundle] loadNibNamed:@"SpecialThird"
                                               owner:self
                                             options:nil];
    NSLog(@"数组长度 = %lu",array.count);
    NSLog(@"数组[0] = %@",array[0]);
  

  • 打印出的数组日志为

2015-12-29 16:13:34.044 ForTestingXIB[11606:743852] 数组长度 = 1 2015-12-29 16:13:34.045 ForTestingXIB[11606:743852] 数组[0] = >

• 数组中只有一个元素，通过获取他可以获取控件

#import "ViewController.h"
#import "SecViewController.h"
#import "SpecialView.h"
#import "Masonry.h"
@interface ViewController ()
@property (strong,nonatomic) SecViewController *vc;
@property (strong,nonatomic) SpecialView *view3;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    self.vc = [[SecViewController alloc] initWithNibName:@"SecViewController" bundle:nil];
    
    SpecialView *view = [[NSBundle mainBundle] loadNibNamed:@"SpecialThird"
                                                      owner:self
                                                    options:nil].lastObject;
    [self.view insertSubview:view
                     atIndex:1];
    self.view3 = view;
}

关于Load创建办法的几点补充

我在写应用实例demo的时候，发现一个问题。
如果没有按照上述的顺序去创建：

1. 先通过创建类的同时创建XIB
2. 将这个XIB中的UIView替换成自定义的DIYView
   a.如果不替换而在上面添加控件，编译可以通过但程序会崩溃
   采用上述两点操作的话，一旦在ViewDidLoad中赋值，运行的时候就会立即显示load创建的XIB中的View
   self.view3 = [[NSBundle mainBundle] loadNibNamed:@"ThirdVC"
   owner:self
   options:nil].lastObject;

其中的原因：

如下图所示，通过ViewController创建的XIB中默认会关联这个Outlet，所以在我们用load创建的时候会立刻载入这个View.而正常按步骤创建的话是没有这个Outlet的，如下图3

Paste_Image.png

图1!

Paste_Image.png

图2

Paste_Image.png

图3

TBD 问题！

上面用到了insert view之后，显示出来的图形变成了叠加，是为何

Paste_Image.png