【iOS开发-50】利用创建新的类实现代码封装，从而不知不觉实践一个简单的MVC实验

接上次案例谈代码封装。上次案例见：【iOS开发-48】九宫格布局案例：自动布局、字典转模型运用、id和instancetype区别、xib重复视图运用及与nib关系

代码封装的原则是：要保证视图控制器尽量少的接触到其他对象的属性，也就是说，尽量把数据或者属性封装到一个类里面，然后利用类或者对象的方法来调用或者设置数据。而是赤裸裸地把属性都写在视图控制器中。核心作用在于：减少视图控制器的代码量，把数据和属性的处理封装起来，这样也便于其他视图控制器的使用。

要做到的结果就是如下（我们要根据数组里面的对象个数循环创建视图）：

——我们把之前的xib的UIView改为XibView（当然，也是继承自UIView）因为我们需要对原来的UIView进行改进定制

——创建了一个xibView后，就设置它的位置

——然后填充数据，这里填充数据也封装在了XibView类里面

——最后把这个xibView加载到当前视图中显示

    for (int index=0; index<self.arr1.count; index++) {
        //计算这个app在几行几列
        int row=index/totalColumns;
        int col=index%totalColumns;
        
        //创建一个视图
        XibView *xibView=[XibView xibView];
        
        //设置位置
        xibView.frame=CGRectMake(marginX+col*(marginX+appW), 30+row*(marginY+appH), appW, appH);
        
        //设置数据
        xibView.jiuGongGe=_arr1[index];
 
       //加载
        [self.view addSubview:xibView];
    }

在XibView.h中：

#import <UIKit/UIKit.h>
#import "JiuGongGe.h"

@interface XibView : UIView
@property(nonatomic,weak) JiuGongGe *jiuGongGe;
+(XibView *)xibView;
@end

#import "XibView.h"

@interface XibView()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *labelView;
@end

@implementation XibView
//这个XibView类可以直接用[XibView xibView]实现，模仿[NSArray array]的用法，直接创建一个对象
+(XibView *)xibView{
    NSArray *xibArr=[[NSBundle mainBundle]loadNibNamed:@"ourXib" owner:nil options:nil];
    return [xibArr lastObject];
}
//重写jiuGongGe的setter方法
-(void)setJiuGongGe:(JiuGongGe *) jiuGongGe{
    _jiuGongGe=jiuGongGe;
    self.iconView.image=[UIImage imageNamed:jiuGongGe.icon];
    self.labelView.text=jiuGongGe.name;
}
@end

纵观整个案例节制到目前为止，其实我们相当于实践了一个简单的MVC。

——M就是Modal，数据模型。

其实，数据模型，在我们这里面是最轻松的，它就是一个类，这个类定义了2个属性，然后在这个类内部把字典转化成对象，即调用这个对象的属性，就相当于调用这个字典的KEY值。

——V就是View，视图。

视图就是我们这里的xib小视图。我们除了在这里面实现子视图控件的初始化之外，还在这里实现了数据模型（数据）的填充，当然，这个数据模型需要控制器传递给视图，视图才能在内部填充。

——C就是Controller，控制器。   

控制器最累，它需要支配数据模型和视图。最核心的就是它需要把数据模型传递给视图，让视图把这些数据经过一番处理然后显示出来。体现在以下语句：

_arr1[index]是调用了数据模型里的数据（其实是一个对象），然后把它赋值给视图也就是xibView的一个属性，这个属性就负责解构这个数据模型（因为重写了这个属性的setter方法），然后把里面的数据分别给子控件去显示。

xibView.jiuGongGe=_arr1[index];