如何用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,详细请看我的下一篇博文。

猜你喜欢

转载自blog.csdn.net/oik_ios/article/details/79541760