九宫格--xib，MVC封装

最新推荐文章于 2016-10-20 17:16:04 发布

原创最新推荐文章于 2016-10-20 17:16:04 发布 · 450 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xib #MVC封装

本文介绍了一种使用Objective-C实现iOS应用列表视图的方法，包括模型定义、视图组件搭建及控制器布局逻辑。通过解析plist文件加载应用图标和名称，并以定制化的视图展示。

-------------------------------Model声明-----------------------

#import <Foundation/Foundation.h>

@interface CZApp : NSObject

//创建能够描述数据源plist文件key的属性

//应用名称

@property (nonatomic,copy) NSString *name;

//应用图标

@property (nonatomic,copy) NSString *icon;

//对象方法，返回当前模型对象

- (instancetype) initWithDic:(NSDictionary *)dic;

//类方法，返回当前模型对象

+ (instancetype) appWithDic:(NSDictionary *)dic;

//模型类的成员：返回字典数组

+ (NSArray *) apps;

@end

-------------------------------Model实现-----------------------

#import "CZApp.h"

@implementation CZApp

//对象方法，返回当前模型对象

- (instancetype)initWithDic:(NSDictionary *)dic

{

if (self=[super init]) {

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

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

}

return self;

}

//类方法，返回当前模型对象

+ (instancetype)appWithDic:(NSDictionary *)dic

{

return [[self alloc] initWithDic:dic];

}

//返回当前 plist文件中的数据，以字典的形式存储在数组中

+ (NSArray *)apps

{

//对修改封闭--修改局部类

//1.获取数据源字典数组

NSArray *sourceArr=[NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil]];

//2.将字典数组转换为模型数组

//创建可变的模型数组

NSMutableArray *desArr=[NSMutableArray array];

//2.1.遍历原始的字典数组

for (NSDictionary *dic in sourceArr) {

//2.2:将当前字典转换为模型

//CZApp *app=[[CZApp alloc] initWithDic:dic];

CZApp *app=[CZApp appWithDic:dic];

[desArr addObject:app];

}

return desArr;

}

@end

-------------------------------View声明-----------------------

#import <UIKit/UIKit.h>

@class CZApp;

@interface CZAppView : UIView

//1.返回当前自定义的view

+ (instancetype) appView;

//2.为当前 view中的成员赋值

@property (nonatomic,strong) CZApp *app;

@end

-------------------------------View实现-----------------------

#import "CZAppView.h"

#import "CZApp.h"

@interface CZAppView ()

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

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

@end

@implementation CZAppView

+ (instancetype)appView

{

return [[[NSBundle mainBundle] loadNibNamed:@"CZAppView" owner:nil options:nil] lastObject];

}

//重写属性的setter方法

- (void)setApp:(CZApp *)app

{

_app=app;

//tag本身不直观如果以后tag值有变化，那么代码需要修改

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

self.nameView.text=app.name;

}

@end

-----------------------------Controller实现-----------------------

#import "ViewController.h"

#import "CZApp.h"

#import "CZAppView.h"

#define cnt 3

@interface ViewController ()

//创建模型数组

@property (nonatomic,strong) NSArray *apps;

@end

@implementation ViewController

//懒加载

- (NSArray *)apps

{

if(_apps==NULL)

{

_apps=[CZApp apps];

}

return _apps;

}

- (void)viewDidLoad {

[super viewDidLoad];

//设置间距

CGFloat padding=15;

//2.循环创建appView

for (int i=0; i<self.apps.count; i++) {

//创建自定义view

CZAppView *appView=[CZAppView appView];

CGFloat width=appView.frame.size.width;

CGFloat height=appView.frame.size.height;

//计算appView水平坐标

CGFloat appViewX=padding+(i%cnt)*(padding+width);

CGFloat appViewY=padding+(i/cnt)*(padding+height);

//2.设置通过xib创建的view的frame

appView.frame=CGRectMake(appViewX, appViewY, width,height);

//添加到控制器的view中

[self.view addSubview:appView];

CZApp *app=self.apps[i];

//为xib创建的view的子控件赋值

//[appView setApp:app];

appView.app=app;

}

@end