如何用xib自定义View

在开发过程中经常会用xib自定义view，今天写这个文章主要再梳理一遍。

创建好项目，并且新建好TestView的.h,.m以及xib文件。为了便于管理，xib的名字和.h，.m的名字一致。

然后进入xib文件，点击view，在右侧填入TestView：

随便拖入一个view，设置view的宽高固定，上下居中对齐。然后在viewController.m里import，然后添加如下代码：

这个时候界面上已经出现视图了。

但是你发现，红色视图并没有左右居中。查看层级关系：，选中的区域为xib构建的视图。出现这种现象的原因是，构建xib的时候选取的屏幕尺寸是iPhone7,但是运行的是7p的模拟器。因为没有设置xib的frame，导致界面显示出现偏差。所以改变代码成如下：，然后运行，显示正确。查看层级关系也完全正确。

因为用xib定义的view，在初始化的时候，会执行系统方法initWithCoder和awakeFromNib，所以也可以在TestView.m中重写initWIthCoder或者awakeFromNib，在里面定义好TestView的frame. 

或者

系统对两个方法的执行顺序是 initWithCoder -> awakeFromNib。

ps：如果要操作子视图的话，需要在awakeFromNib，详细请看我的下一篇博文。