xib---拖拽的方法搭建视图

一个简单的通过拖拽的方式搭建视图的demo，效果图如下所示：

step1：新建一个项目之后，new一个新的文件，如图所示

为创建的文件命名Rect.xib

step2:在Rect.xib 文件中进行拖拽，搭建视图，如图所示

step3：在右下角的位置选取想用的控件，选中后直接拖到中间空白位置，当然，也可以在最右下角的位置输入要选取的控件，可以筛选，如图所示

            

step4：右上角的位置有几个按钮专门用来设置选中控件尺寸，背景，颜色，位置等等，常用到的有三个，如下图所示：

step5：下面是拖拽好的一个例子：

step6：拖拽完控件之后，最重要的一步就是将视图显示出来，具体代码如下：

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    

//加载xib

    

  //方法一

    /*

    NSArray * array= [[NSBundle mainBundle] loadNibNamed:@"Rect" owner:nil options:nil];

    [self.view addSubview:array.firstObject];

     */

    

  //方法二

    UINib * nib=[UINib nibWithNibName:@"Rect" bundle:nil];

    NSArray * array=[nib instantiateWithOwner:nil options:nil];

    [self.view addSubview:array.firstObject];

}

@end

大体步骤就是这些，xib方便快捷的实现了控件的布局，但对于初学者来说，还是自己动手敲一下代码练习比较好，这样可以提升编写代码的水平，等到了一定程度，或许拖拽的方式更好用~~~