IOS中使用.xib文件封装一个自定义View

1.新建一个继承UIView的自定义view，假设类名叫做 MyAppVew

#import <UIKit/UIKit.h>

@class MyApp;

@interface MyAppView : UIView

@property(strong,nonatomic) MyApp*app;

+(instancetype)appView;

@end

MyAppView.h

#import "MyAppView.h"

#import "MyApp.h"

@interface MyAppView ()

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

@property (weak,nonatomic) IBOutlet UILabel *nameLable;

@end

@implementation MyAppView

-(void)setApp:(MyApp *) app

{

    _app=app;

    self.iconView.image=[UIImage imageNamed:app.icon];

    self.nameLable.text=app.name;

    //NSLog(@"%@", app.icon);

}

+(instancetype) appView{

    NSBundle *bundle=[NSBundle mainBundle];

    NSArray *objs=[bundle loadNibNamed:@"AppInfoView" owner:nil options:nil];

    return [objs lastObject];

}

+(instancetype) appViewWithApp:(MyApp *)app{

    MyAppView *appView=[self appView];

    appView.app=app;

    return appView;

}

@end

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

3.修改UIView的类型为MyAppView类型

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

5.MyAppView提供一个模型属性

@interface MyAppView ()

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

@property (weak,nonatomic) IBOutlet UILabel *nameLable;

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

-(void)setApp:(MyApp *) app

{

    _app=app;

    self.iconView.image=[UIImage imageNamed:app.icon];

    self.nameLable.text=app.name;

    //NSLog(@"%@", app.icon);

}

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

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

+(instancetype) appView{

    NSBundle *bundle=[NSBundle mainBundle];

    NSArray *objs=[bundle loadNibNamed:@"AppInfoView" owner:nil options:nil];

    return [objs lastObject];

}

+(instancetype) appViewWithApp:(MyApp *)app{

    MyAppView *appView=[self appView];

    appView.app=app;

    return appView;

}

通过封装数据，对mvc有了初步认识。

巴特西

IOS中使用.xib文件封装一个自定义View

最新文章

热门文章