使用xib封装一个自定义view的步骤

视频为：传智播客2014年第四期3-6月份(MJ老师的视频) – 第三天（应用管理小项目）课程

1.新建一个继承UIView的自定义view，假设类型叫做（MJAppView）

注意：新建MJAppView时，要继承自UIView，否则xib文件无法关联

MJAppView.h 文件代码

#import <UIKit/UIKit.h>

@class MJApp;

@interface MJAppView : UIView

/**
*  模型数据
*/
@property (nonatomic,strong) MJApp *app;

+(instancetype)appView;

/**
*  通过模型数据来创建一个view
*/
+(instancetype)appViewWithApp:(MJApp *)app;

@end

MJAppView.m 文件代码

#import "MJAppView.h"
#import "MJApp.h"

@interface MJAppView()

@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *nameLabel;

@end

@implementation MJAppView

+(instancetype)appViewWithApp:(MJApp *)app{
NSBundle *bundle = [NSBundle mainBundle];
NSArray *objs = [bundle loadNibNamed:@"MJAppView" owner:nil options:nil];
MJAppView *appView = [objs lastObject];
appView.app = app;
return appView;
}

+(instancetype)appView{
return [self appViewWithApp:nil];
}

-(void)setApp:(MJApp *)app{
_app = app;
self.iconView.image = [UIImage imageNamed:app.icon];
self.nameLabel.text = app.name;
}

@end

2.新建一个MJAppView.xib文件来描述MJAppView内部的结构

3.修改UIView的类型为MJAppView



4.将内部的子控件跟MJAppView进行属性连线



5.MJAppView提供一个模型属性



6.重写模型属性的set方法，因为在set方法中可以拿到外界传递的模型数据

7.把模型数据拆开，分别设置数据到对应的子控件中



8.补充：提供一个创建MJAppView的类方法，将读取xib文件的代码屏蔽起来