CustomViewFromXib

从Xib中自定义View的最佳姿势

内容

• 创建View和Xib
• 设置关联xib
• 在MyCustomView.m文件添加xib的初始化
• 使用(代码和xib或者stroyboard)
• Demo

创建View和Xib

创建MyCustomView.h和MyCustomView.m文件

创建MyCustomView.xib

PS:三个文件名要相同

设置关联xib

设置可视化View的大小为活动的，可以自己设置大小

xib文件左侧，选中File's Owner，设置class为MyCustomView

然后自定义自己的View，比如我添加了一个label和button。点击Assistant，打开与xib关联的.m文件

可以选中.h或者.m文件，添加一个view属性，把xib上的label关联到代码中的mylabel属性上。

为xib的Button绑定一个点击事件在MyCustomView.m文件中，当点击Button时，对应方法能响应。

在MyCustomView.m文件添加xib的初始化

@implementation MyCustomView

/*
 以代码的方式初始化时，会通过这个方法进行初始化
 例如：[[MyCustomView alloc] init];
 */
- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.view = [self loadViewFromNib];
    }
    return self;
}

/*
以xib的方式初始化时，会通过这个方法进行初始化
例如：在xib中，把view的class设置为MyCustomView
*/
- (instancetype)initWithCoder:(NSCoder *)coder
{
    self = [super initWithCoder:coder];
    if (self) {
        self.view = [self loadViewFromNib];
    }
    return self;
}

- (UIView*)loadViewFromNib {
    
    NSBundle *bundle = [NSBundle bundleForClass:[self class]];
    UINib *nib = [UINib nibWithNibName:NSStringFromClass([self class])
                                bundle:bundle];
    
    UIView *view = [nib instantiateWithOwner:self options:nil][0];
    
    view.frame = self.bounds;
    view.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    
    [self addSubview:view];
    
    return view;
    
}

- (IBAction)bntTap:(id)sender {
    
    NSLog(@"bntTap");

}

@end

到这来算完成了从xib中自定义view的所有工作，下面看看怎么使用吧！

使用

从代码中初始化 在viewcontroller中先初始化，然后设置frame，最后添加到viewcontroller的view上就可以了。

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    [self setupView];
    
}

- (void)setupView {
    
    self.myCodeView = [[MyCustomView alloc] init];
    self.myCodeView.frame = CGRectMake(0, 0, 200, 200);
    self.myCodeView.center = self.view.center;
    self.myCodeView.myLabel.text = @"哈哈哈哈";
    [self.view addSubview:self.myCodeView];
    
}

Storyboard中或者xib中的使用 在storyboard中的viewcontroller中加入一个View控件，然后设置View的class为MyCustomView

如果要修改MyCustomView，可以在viewcontroller上引用它

最后看两种初始化的效果