1 前言
Xcode中集成的BI中的控件十分豐富，但有時候難免不能滿足我們的需求，今天我們來學習一下如何使用XIB自定義一個UIView，做到復用的作用。

2 詳細流程
目錄視圖：

2.1 新建一個single view application類型的iOS application工程，名字取為CustomView，如下圖，我們不往CustomViewViewController.xib中添加任何控件

2.2 新建一個CustomView.xib，過程如下：

 

 

 

然後往界面上拖一個label和一個button:

 

2.3修改View視圖的屬性：

去掉Autolayout：

設置Size為Freeform，設置背景顏色：

2.4 設置ZYViewController.xib中的View的Size屬性為None：

 

ZYViewController.m代碼：

[plain]  - (void)viewDidLoad
{
[super viewDidLoad];
//獲得nib視圖數組
NSArray *nib = [[NSBundle mainBundle]loadNibNamed:@"CustomView" owner:self options:nil];
//得到第一個UIView
UIView *tmpCustomView = [nib objectAtIndex:0];
//獲得屏幕的Frame
CGRect tmpFrame = [[UIScreen mainScreen] bounds];
//設置自定義視圖的中點為屏幕的中點
[tmpCustomView setCenter:CGPointMake(tmpFrame.size.width / 2, tmpFrame.size.height / 2)];
//添加視圖
[self.view addSubview:tmpCustomView];

}

- (void)viewDidLoad
{
[super viewDidLoad];
//獲得nib視圖數組
NSArray *nib = [[NSBundle mainBundle]loadNibNamed:@"CustomView" owner:self options:nil];
//得到第一個UIView
UIView *tmpCustomView = [nib objectAtIndex:0];
//獲得屏幕的Frame
CGRect tmpFrame = [[UIScreen mainScreen] bounds];
//設置自定義視圖的中點為屏幕的中點
[tmpCustomView setCenter:CGPointMake(tmpFrame.size.width / 2, tmpFrame.size.height / 2)];
//添加視圖
[self.view addSubview:tmpCustomView];

}
運行結果：