纯代码封装自定义View和XIB封装自定义View的区别

一、背景
如果一个view内部的子控件比较多，一般会考虑自定义一个view，把它内部子控件的创建屏蔽起来，不让外界关心,
外界可以传入对应的模型数据给view，view拿到模型数据后给内部的子控件设置对应的数据

二、纯代码封装View

1.封装控件的基本步骤
(1).在initWithFrame:方法中添加子控件，提供便利构造方法
(2).在layoutSubviews方法中设置子控件的frame（一定要调用super的layoutSubviews）
(3).增加模型属性，在模型属性set方法中设置数据到子控件上

2.编写代码需要注意
系统的调用流程：initWithFrame: —> layoutSubviews
(1).当重写init方法，用于创建和初始化子控件，在通过init方法创建View时，系统也会先调用对象的initWithFrame:方法，再调用对象的init方法；如果直接调用initWithFrame:方法初始化对象，则不会调用去调用init方法
(2).不能通过重写init方法设置子控件的Frame,因为系统是先调用initWithFrame:方法，initWithFrame:方法创建的对象Frame值默认为0，如果子控件的Frame不依赖于父控件的Frame就可以设置，但是一般都是通过父控件的Frame计算子控件的Frame
(3).不能通过重写initWithFrame:方法设置子控件的Frame，因为设置的子控件的Frame只有效一次，如果父控件的Frame被再次的修改了，就会调用layoutSubviews方法重新设置子控件的Frame，在layoutSubviews方法中没有重新设置子控件的Frame，且子控件的Frame与父控件的Frame有依赖，子控件的Frame就会被设置为0；如果要让子控件的Frame永远有效，子控件的Frame只要不依赖于父控件的Frame就可以，但是一般都是通过父控件的Frame计算子控件的Frame
(4).如果子控件的Frame依赖于父控件的Frame，就必须在layoutSubviews方法里面给子控件的Frame设置值
(5).系统不会去调用nitWithCoder:和awakeFromNib方法
3.代码举例

---------- 封装自定义的View的.h文件#import <UIKit/UIKit.h>#import "SSData.h"@interface ANewView : UIView@property (nonatomic,strong) SSData *data;+ (instancetype)aNewView;@end---------- 封装自定义的View的.m文件#import "ANewView.h"@interface ANewView ()@property (nonatomic,strong) UIButton *button;@property (nonatomic,strong) UILabel *lable;@end@implementation ANewView+ (instancetype)aNewView {  return [[self alloc] init];}//重写initWithFrame:方法创建子控件和初始化子控件的属性（除属性Frame的值不可以在此设置）- (instancetype)initWithFrame:(CGRect)frame {  if (self = [super initWithFrame:frame]) {    //创建子控件button    self.button = [[UIButton alloc] init];    self.button.backgroundColor = [UIColor orangeColor];    [self addSubview: self.button];    //创建子控件Lable    self.lable = [[UILabel alloc] init];    self.lable.backgroundColor = [UIColor yellowColor];    self.lable.textAlignment = NSTextAlignmentCenter;    [self addSubview:self.lable];  }  return self;}//只要父控件的Frame发生改变，就会调用layoutSubviews方法//重写layoutSubviews方法，给子控件的Frame设置值- (void)layoutSubviews {   [super layoutSubviews];  //设置子控件的Frame  CGFloat superW = self.frame.size.width;  CGFloat superH = self.frame.size.height;  self.button.frame = CGRectMake(0, 0, superW, superH / 2);  self.lable.frame = CGRectMake(0, superH / 2 + 5, superW, superH - (superH / 2 + 5));}//重写set方法给子控件设置数据- (void)setData:(SSData *)data {  //必须先给成员变量赋值，不赋值，以后调用get方法取值就取不到值  _data = data;  //设置成员变量的数据  [self.button setTitle:data.buttonStr forState:UIControlStateNormal];   self.lable.text = data.lableStr;}@end---------- 数据模型的.h文件#import <Foundation/Foundation.h>@interface SSData : NSObject@property (nonatomic,strong) NSString *buttonStr;@property (nonatomic,strong) NSString *lableStr;@end---------- 数据模型的.m文件#import "SSData.h"@implementation SSData@end---------- 调用自定义的View#import "ViewController.h"#import "ANewView.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {  [super viewDidLoad];  //数据模型  SSData *dataView = [[SSData alloc] init];  dataView.buttonStr = @"Hello";  dataView.lableStr = @"World";  //创建View  ANewView *newView = [[ANewView alloc] init];  newView.frame = CGRectMake(100,100, 200, 100);  newView.backgroundColor = [UIColor blueColor];  newView.data = dataView;  [self.view addSubview:newView];  //重新给View对象赋值  dataView.buttonStr = @"天天";  dataView.lableStr = @"编程";  newView.frame = CGRectMake(80,200, 250, 100);  newView.data = dataView;}@end

三、XIB封装一个自定义的View

1.封装控件的基本步骤
(1).新建自定义控件类，必须继承自与之相关的类；如：封装的是view就要继承自UIView
(2).新建XIB文件，自定义View，修改xib中view的类名为新建的自定义控件类
(3).增加模型属性，在模型属性set方法中设置数据到子控件上

2.XIB的加载方法
方法1
NSArray *views = [[NSBundle mainBundle] loadNibNamed:@”xib文件名” owner:nil options:nil];
方法2
UINib *nib = [UINib nibWithNibName:@”xib文件名” bundle:nil];
NSArray *views = [nib instantiateWithOwner:nil options:nil];

3.编写代码需要注意
系统的调用流程： initWithCoder —> awakeFromNib —> layoutSubviews
(1).加载XIB后，系统会自动调用 - (id)initWithCoder:(NSCoder *)aDecoder 方法来初始化控件，其中aDecoder是一个解析器，对XIB进行解析；不能在这个方法中给XIB里自定义view的子控件进行初始化，因为initWithCoder:方法是‘处于正在初始化’，有些细节还没有初始化完毕，可能还没给子控件进行连线等，但是可以在initWithCoder:方法里对自定义View进行初始化，但不能设置View的Frame值，且一般XIB的初始化操作在awakeFromNib里进行

(2).如过还需要用代码添加子控件，可以通过重写initWithCoder:方法，在方法里面用代码添加子控件和初始化，添加的子控件的Frame值也要在layoutSubviews方法里设置。

(3).当控件从XIB中创建完毕后会调用awakeFromNib方法，XIB的所有的初始化操作应该在这个方法里进行，但不能在这个方法中对子控件设置Frame的值

(4).如果需要重新设置子控件的Frame值，应该在layoutSubviews方法里进行设置，因为父控件的Frame只要改变就就会调用该方法

(5).用XIB封装自定义的View，控件从XIB中创建的过程不会调用init方法和initWithFrame:方法

(6).XIB里自定义View必须设置成自动布局，即把View的 ‘Show the File inspector’ 里面的 ‘Use Auto Layout’ 前面的钩去掉；这样设置后才可以在layoutSubviews里重新设置自定义View的子控件Button的Frame值

4.XIB封装自定义的View具体实现
(1).创建XIB，并自定义View和其子控件
A.设计自定义View的类并与类的属性连线


B.设置自定义View为可变的尺寸、隐藏电池图标，View的背景色


C.设置子控件的背景色


D.设置子控件的尺寸


E.关闭自动布局(Autolayout)，才可以在layoutSubviews里重新设置Button的Frame值

5.新建自定义控件类的代码如下

---------- 新建自定义控件类的.h文件#import <UIKit/UIKit.h>#import "SSData.h"@interface ANewView : UIView@property (nonatomic,strong) SSData *data;+ (instancetype)aNewView;@end---------- 新建自定义控件类的.m文件#import "ANewView.h"@interface ANewView ()@property (weak, nonatomic) IBOutlet UIButton *button;@property (nonatomic,weak) IBOutlet UILabel *lable;@property (nonatomic,strong) UIImageView *imageView;@end@implementation ANewView+ (instancetype)aNewView {  //方式一  //ANewView *view = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self) owner:nil options:nil] lastObject];  //方式二  UINib *nib = [UINib nibWithNibName:NSStringFromClass(self) bundle:nil];  ANewView *view = [[nib instantiateWithOwner:nil options:nil]lastObject];  return view;}//重写initWithCoder:用代码添加子控件- (id)initWithCoder:(NSCoder *)aDecoder {  if (self = [super initWithCoder:aDecoder]) {    //可以用代码创建子控件并对其初始化    self.imageView = [[UIImageView alloc] init];    [self addSubview:self.imageView];    self.imageView.backgroundColor = [UIColor yellowColor];  }  return self;}//当XIB完全初始化完毕后，会调用这个方法，可以在这个方法中对XIB的子控件进行初始化-(void)awakeFromNib {  //一定要调用父类的awakeFromNib方法  [super awakeFromNib];  self.button.backgroundColor = [UIColor yellowColor];  self.lable.backgroundColor = [UIColor orangeColor];}//给子控件重新布局- (void)layoutSubviews {  //一定要调用父类的layoutSubviews方法  [super layoutSubviews];  //设置子控件的Frame  CGFloat superW = self.frame.size.width;  CGFloat superH = self.frame.size.height;  //XIB里自定义View必须设置成自动布局，不然Button的Frame不能成功赋值  self.button.frame = CGRectMake(0, 0, superW, superH / 3 - 5);  CGFloat lableY = self.button.frame.origin.y + self.button.frame.size.height + 5;  self.lable.frame = CGRectMake(0, lableY, superW, superH / 3 - 5);  CGFloat imageY = self.lable.frame.origin.y + self.lable.frame.size.height + 5;  self.imageView.frame = CGRectMake(0,imageY, superW, superH / 3 - 5);}//重写set方法给子控件设置数据- (void)setData:(SSData *)data {  //必须先给成员变量赋值，不赋值，以后调用get方法取值就取不到值  _data = data;  //设置成员变量的数据  [self.button setTitle:data.buttonStr forState:UIControlStateNormal];   self.lable.text = data.lableStr;}@end---------- 数据模型的.h文件#import <Foundation/Foundation.h>@interface SSData : NSObject@property (nonatomic,strong) NSString *buttonStr;@property (nonatomic,strong) NSString *lableStr;@end---------- 数据模型的.m文件#import "SSData.h"@implementation SSData@end---------- XIB封装的自定义View的调用#import "ViewController.h"#import "ANewView.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {  [super viewDidLoad];  //数据模型  SSData *dataView = [[SSData alloc] init];  dataView.buttonStr = @"Hello";  dataView.lableStr = @"World";  //创建View  ANewView *newView = [ANewView aNewView];  newView.frame = CGRectMake(100,100, 200, 100);  newView.data = dataView;  [self.view addSubview:newView];  //重新给View对象赋值  dataView.buttonStr = @"天天";  dataView.lableStr = @"编程";  newView.frame = CGRectMake(80,200, 250, 200);  newView.data = dataView;}@end