MVC思想架构的简单自定义UITableViewCell

时间:2023-03-09 05:37:08
MVC思想架构的简单自定义UITableViewCell
     在iOS的开发过程中,架构思想是很重要的一部分,目前的主流应该分为MVC与MVVM两种,在这里不做过多的区分,有兴趣的同学可以看看唐巧大神的一篇文章《被误解的MVC和被神化的MVVM》。
    UITableViewCell应该是iOS开发中使用最多的控件之一,MVC模式也是主流,那么将这两者结合起来,必然能大大的提升我们的代码质量。
    MVC模式,Model—View—Controller,按照这个逻辑,能使代码进行明确的分工,相应的类只干该干的事,这样不仅大大的提高了代码的耦合性,能便于后期的维护。
    那么首先,我们新建一个类,取名MyCell,继承自UITableViewCell类。我们在这个类里自定义我们想自定义的结构,以后在Controller只要给这个类新建对象就可以了。回想上一次的UITableViewCell的复用机制,我们不难想到初始化方法,我们给初始化方法做一次重写,代码如下:
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{

self = [superinitWithStyle:style reuseIdentifier:reuseIdentifier];

if (self) {

// Initialization code

[self createUI];

}

returnself;

}

这里我们给UI页面的定制,单独写成一个方法,然后去进行我们自己的定制

- (void)createUI{

_iconView = [[UIImageView alloc]initWithFrame:CGRectMake(5, 5, 70, 70)];

[self.contentView addSubview:_iconView];

_nameLabel = [[UILabel alloc]initWithFrame:CGRectMake(80, 5, 230, 25)];

_nameLabel.font = [UIFont systemFontOfSize:16];

_nameLabel.textColor = [UIColor blackColor];

[self.contentView addSubview:_nameLabel];

_priceLabel = [[UILabel alloc]initWithFrame:CGRectMake(80, 30, 230, 25)];

_priceLabel.font = [UIFont systemFontOfSize:14];

_priceLabel.textColor = [UIColor redColor];

[self.contentView  addSubview:_priceLabel];

_detailLabel = [[UILabel alloc]initWithFrame:CGRectMake(80, 55, 230, 25)];

_detailLabel.font = [UIFont systemFontOfSize:12];

_detailLabel.textColor = [UIColor grayColor];

[self.contentView addSubview:_detailLabel];

}

可以看到,我们在当前的cell上,自定义了一个UIImageView用来加载图片,三个UILable用来展示相应的信息。一般来说,Controller里面采用的是self.view addSubview的方式来加载控件,同样的,UITableViewCell也是一个View,但是它就不能用view ,而是用contentView来加载,这个以后再提。于是这样我们就能将我们需要的设计,在我们这个cell里实现了。

在日常的开发工作中,很少有将数据写死的,通常都是从后台通过请求接受数据,然后将数据再根据需要加载到相应的控件上,所以对于我们来说,控件是可变的,控件上的数据是可变的,这样的话,我们就将所需要的数据单独抽取出来建成一个模型。分析一下需求与代码,我们现在需要的是一个UIImageView的image与三个UILable的text信息,所以,我们将这些属性单独抽取出来作为我们这个cell的模型。

新建一个MyModel类,这个类继承自NSObject,里面放的就是我们cell的属性,代码如下:

@property (retain, nonatomic) UIImage *icon;

@property (copy, nonatomic) NSString *nameStr;

@property (copy, nonatomic) NSString *priceStr;

@property (copy, nonatomic) NSString *detailStr;

注意:因为我们这个类是需要让其他的类引用,并且是需要接受数据的,所以应该写在.h文件,interface下面。

到这里,我们的MVC的思想大致就出来了,但是还有一个问题,那就是如何让cell与自己的模型相关联起来。我们需要在cell中往外暴露一个方法,去接收模型,同样的原因,我们在cell的.h文件中声明这个方法:

- (void)customWithMyModel:(MyModel *)bm;

然后在cell的.m文件中来实现这个方法,参数类型就是我们自定义的这个模型类

- (void)customWithMyModel:(MyModel *)bm{

_iconView.image = bm.icon;

_nameLabel.text = bm.nameStr;

_priceLabel.text = bm.priceStr;

_detailLabel.text = bm.detailStr;

}

到这里为止,我们的自定义部分基本就结束了,接下来就是在Controller里面去使用我们自定义的Cell了

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

staticNSString *idt= @"idt";

MyCell *cell = [tableView dequeueReusableCellWithIdentifier:idt];

if (!cell) {

cell = [[MyCell alloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:idt];

}

MyModel *mm= [_dataArrobjectAtIndex:indexPath.row-1];

//将数据模型传给cell,让cell设置图片及文字

[cell customWithMyModel:mm];

return cell;

}

这样就能创建一个我们自定义的,使用MVC思想架构的cell了,数据怎么接?那就是另外一篇笔记了哈哈。