自定义View的封装(代码方式)

view的封装

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

封装控件的基本步骤

• 第一步:在initWithFrame:方法中添加子控件,提供便利构造
  
  • 调用init方法,会自动调用initWithFrame:方法

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super init]) {
        _imageView = [[UIImageView alloc]init];
        [_imageView setBackgroundColor:[UIColor redColor]];
        [self addSubview:_imageView];

        _label = [[UILabel alloc]init];
        [_label setBackgroundColor:[UIColor blueColor]];
        [self addSubview:_label];
    }
    return self;
}

• 第二步:在layoutSubviews方法中设置子控件的frame（一定要调用super的layoutSubviews）

// 这个方法专门用来布局子控件,一般在这里设置子控件的frame
// 当控件本身的尺寸发生改变的时候,系统会自动调用这个方法
- (void)layoutSubviews
{
    [super layoutSubviews];
    CGFloat viewW = self.frame.size.width;
    CGFloat viewH = self.frame.size.height;
    _imageView.frame = CGRectMake(0, 0, viewW, viewW);
    _label.frame = CGRectMake(0, viewW, viewW, viewH - viewW);
}

• 第三步:增加模型属性,在模型属性set方法中设置数据到子控件

// .h文件,因为要接收数据模型,所以外部要访问
/** 模型数据接口*/
@property (nonatomic, strong) WQShopData *shopData;
// .m实现文件
- (void)setShopData:(WQShopData *)shopData
{
    [self.imageView setImage:[UIImage imageNamed:shopData.icon]];
    self.label.text = shopData.name;
}

• 在控制器中的向封装的view传入数据模型

    // 创建封装好的控件
    WQShopView *view = [[WQShopView alloc]init];
    // 设置view的frame,会自动调用封装好view的layoutSubviews
    view.frame = CGRectMake(originalX + (marginX + kImageViewW) * col, originalY + (kImageViewH + kMarginY) *row, kImageViewW, kImageViewH);
    // 将数据模型传入封装好view的成员属性
    view.shopData = self.shopsData[index];
    [self.shopsView addSubview:view];

• 当view内部子控件很多,可以封装起来.当在外部创建该view对象,并设置或者修改该控件的frame时,就会自动调用layoutSubviews,这时可以设置修改子控件的frame(这时子控件才会显示,还没数据).
• 在传入模型数据时,会调用数据模型的setter方法,这时设置子控件的数据(子控件显示数据)
• 优化:有些子控件,开始不显示,需要时才显示,这时可以通过懒加载方式,在使用子控件时会调用其getter方法,在里面加载并只加载一次子控件.

#import "WQShopView.h"
#import "WQShopData.h"
@interface WQShopView ()
/**图片*/
@property (nonatomic, strong) UIImageView * imageView;
/**名字*/
@property (nonatomic, strong) UILabel * label;

@end
@implementation WQShopView

- (UIImageView *)imageView
{
    if (_imageView == nil) {
        _imageView = [[UIImageView alloc]init];
        [_imageView setBackgroundColor:[UIColor redColor]];
        [self addSubview:_imageView];
    }

    return _imageView;
}
- (UILabel *)label
{
    if (_label == nil) {
        _label = [[UILabel alloc]init];
        [_label setBackgroundColor:[UIColor blueColor]];
        [self addSubview:_label];
    }
    return _label;
}