自定义View步骤学习笔记

/*************** KFShop.h文件 ***************/

@interface KFShop : NSObject

@property (copy, nonatomic) NSString * name;

@property (copy, nonatomic) NSString * icon;

// 提供一个方法用于字典转模型

// 开发中我们要面对模型开发,而不是面对字典开发.例如 属性名如果写错了,编译器马上报错.如果是使用字典,写错了编译器并不会报错

- (instancetype)initWithDict:(NSDictionary *)dict;

+ (instancetype)shopWithDict:(NSDictionary *)dict;

@implementation KFShop

- (instancetype)initWithDict:(NSDictionary *)dict

{

    if(self = [super init])

    {

        self.name = dict[@"name"];

        self.icon = dict[@"icon"];

    }

    return self;

}

+ (instancetype)shopWithDict:(NSDictionary *)dict;

{

    return [[self alloc] initWithDict:dict];

}

@end

/*************** KFShopView文件 ***************/

#import <UIKit/UIKit.h>

@class KFShop;

@interface KFShopView : UIView 

@property (strong, nonatomic) KFShop *shop;

+ (instancetype)shopView;

@end

@interface KFShopView()

@property (weak, nonatomic) UIImageView * imageView;

@property (weak, nonatomic) UILabel * nameLabel;

@end

 @implementation KFShopView

// 提供一个类方法用来快速创建shopView

+ (instancetype)shopView{
    
    KFShopView *shopView = [[self alloc] init];
        
    return shopView;

}

// 用到时才会创建imageView
- (UIImageView *)imageView{
    
    if(_imageView == nil){
        
        UIImageView * imageVeiw = [[UIImageView alloc] init];
        _imageView = imageVeiw;
        [self addSubview:_imageView];
    }
    
    return _imageView;

}

// 用到时才会创建nameLabel
- (UILabel *)nameLabel
{
    if(_nameLabel == nil)
    {
        UILabel * label = [[UILabel alloc] init];
        _nameLabel = label;
        label.font = [UIFont systemFontOfSize:14];
        label.textAlignment = NSTextAlignmentCenter;
        [self addSubview:_nameLabel];
    }
    
    return _nameLabel;

}

// 根据传进来的模型设置显示的内容
- (void)setShop:(KFShop *)shop
{
    _shop = shop;
    
    self.imageView.image = [UIImage imageNamed:self.shop.icon];
    self.nameLabel.text = shop.name;
}

// 布局子控件
- (void)layoutSubviews
{
    // 一定要调用super的方法
    [super layoutSubviews];
    
    CGFloat W = self.frame.size.width;
    CGFloat H = self.frame.size.height;
    
    self.imageView.frame = CGRectMake(0, 0, W, W);
    self.nameLabel.frame = CGRectMake(0, W, W, H - W);
}