1.为任何组件创建nib文件

那么如何通过XIB来创建自己的个性化的class呢。

1。Add----New Filss---Cocoa Touch Classes---Object-C Class

创建一个从 UIView继承的类 SelfView

2。Add---New Files----User Interface-----Empty XIB

创建一个空的 SelfView.xib 文件，记住，XIB的名称一定要跟签名的类的名称一致，也就是一模一样。

一定要选 Empty XIB类型，如果不是选的这个，那么创建的XIB里面的已经存在的那个UIView将不能调整高度，它的高度固定死了。

3。因为是空的XIB文件，所有往文件列表框中拖入一个 UIView的控件，然后将这个UIView的类名在属性器里面从UIView改为SelfView

2.2 为UIViewController创建xib文件

Add---New Files----User Interface-----View XIB

注意到这里还没完, 还需要创建outlets

选择视图，在右侧的Connections Inspector 面板窗口，拖拉New Referencing Outlet右侧的图标到File’s Owner图标上，在弹出的上下文菜单中，选择view，就可以创建view视图对象到视图控制器的输出口outlet连接了。

如果上述view视图到视图控制器（File’s Owner）的输出口连接不存在了，可以按照下图重新建立到输出口outlet的连接，如图所示。

个人实践:Add---New Files----User Interface-----View XIB

点击左侧File's Owner --- 右侧show the identity inspector --- 填写你的控制器的类名

再点击File's Owner --- show the connections inspector --- 按住option键, 连接到UIView

右下方Object Library -- 拖拽你想要的手势到左边Document Outlet, 拖拽左边的gesturerecognizer到你的uiview中, 然后option抓拽gesturerecognizer到.m文件的代码上, 生成一个监听方法,

用法有3种

1.定位约束

点击下方第二个icon

left right top bottom, width, height, 选中多个组件, 可以添加equal width, equal height等于约束

2. 对齐约束

点击下方第一个icon

可选中horizontal center in container 水平居中对齐, 以此类推

3. 相对兄弟约束

按住control, 拖转一个组件到另一个组件, 长按shift, 同时选中, left, vertical spacing, 便可相对兄弟视图一定的水平边距, 并具左对齐

约束的颜色:

蓝色正常, 黄色和红色不正常,

可选择左方document outlet的黄色icon, 查看xcode报错通知,并选择性使用xcode推荐的解决方式

二. 为View创建 XIB

创建一个空的xib, 然后在xib里的view里的class命名为 View (view的class)

然后

XibView *xibView = [[[NSBundle mainBundle] loadNibNamed:@"XibView" owner:self options:nil] firstObject];

[self.view addSubview:xibView] ;

xibView.frame = CGRectMake(0, 0, 200, 200);

view会根据frame的不同重新布局