上一节主要是介绍了Django框架和对比我自己的架构。这节就在我之前的基础上复杂化一点。
这里我做了两件事,抽取UITableView将它放入一个单独的UIView中,在一个就是进一步讲解我们的主题。
抽取UITableView其实这是我们上一节该做的事情,因为我为了节约时间,我就没有做抽取,这个过程是比较简单的。下面就是代码:
TabelView.h
@interface TabelView : UIView
@property (nonatomic, strong) NSMutableArray *modelArray;
+ (instancetype)initAddTabelView;
@end
TabelView.m
+ (instancetype)initAddTabelView {
return [[TabelView alloc] initWithFrame:CGRectMake(0, 0, UI_SCREEN_WIDTH, UI_SCREEN_HEIGHT)];
}
- (instancetype)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (self) {
[self initView];
}
return self;
}
- (void)setModelArray:(NSMutableArray *)modelArray {
_modelArray = modelArray;
}
- (void)initView {
UITableView *tabelView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, UI_SCREEN_WIDTH, UI_SCREEN_HEIGHT) style:UITableViewStylePlain];
tabelView.delegate = self;
tabelView.dataSource = self;
[self addSubview:tabelView];
}
- (NSInteger)numberOfRowsInSection:(NSInteger)section {
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return _modelArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
HomeTableViewCell *cell = [HomeTableViewCell homeTableViewCell:tableView];
cell.dataModel = _modelArray[indexPath.row];
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
DataModel *data = _modelArray[indexPath.row];
if ([data.imageName isEqualToString:@""]) {
return 205;
} else{
return 100;
}
}
就是创建一个UIView将代码搬过来就可以了。
下面就是具体讲到我们这个主题了。我这里做一个假设,我们要对样式做一个添加,在添加一些数据。那看看我们这种架构是如何做的。
因为我这里是用的纯代码来创建cell,所以cell上要显示的控件必须是在创建cell时就要实例化的,如果你不在这一过程中进行实例化,那将会出现混乱。
下面就是代码:
//在view初始化控件,(这里就如同web开发中的thml页面,也就是web中mvc中的view)
- (void)initView {
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, image_HW, image_HW)];
imageView.hidden = YES;
[self addSubview:_imageViews = imageView];
UILabel *nameLbl = [[UILabel alloc] initWithFrame:CGRectMake(100, 10, 100, 40)];
nameLbl.hidden = YES;
[self addSubview:_nameLbl = nameLbl];
UILabel *contentLbl = [[UILabel alloc] initWithFrame:CGRectMake(100, 55, UI_SCREEN_WIDTH - image_HW -10, image_HW - 55)];
contentLbl.hidden = YES;
[self addSubview:_contentLbl = contentLbl];
//样式二
UILabel *titleLbl = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, image_HW, 20)];
titleLbl.hidden = YES;
[self addSubview:_titleLbl = titleLbl];
UIImageView *imageSituation = [[UIImageView alloc] initWithFrame:CGRectMake(10, 30, UI_SCREEN_WIDTH - 20, 155)];
imageSituation.hidden = YES;
[self addSubview:_imageSituation = imageSituation];
UILabel *coordinateLbl = [[UILabel alloc] initWithFrame:CGRectMake(UI_SCREEN_WIDTH - 100, View_H - 15, 90, 15)];
coordinateLbl.textAlignment = NSTextAlignmentRight;
coordinateLbl.hidden = YES;
[self addSubview:_coordinateLbl = coordinateLbl];
}
在上一个基础上添加了样式二。
数据的添加:
//这里就是这个页面的数据导入
- (void)initData:(DataModel *)dataModel {
_imageViews.hidden = NO;
_nameLbl.hidden = NO;
_contentLbl.hidden = NO;
_imageViews.image = [UIImage imageNamed:dataModel.imageName];
_nameLbl.text = dataModel.textLbl;
_contentLbl.text = dataModel.contentLbl;
}
//样式二传进来的数据
- (void)initStyleData:(DataModel *)dataModel {
_titleLbl.hidden = NO;
_coordinateLbl.hidden = NO;
_imageSituation.hidden = NO;
_titleLbl.text = dataModel.titleLbl;
_imageSituation.image = [UIImage imageNamed:dataModel.imageSituation];
_coordinateLbl.text = dataModel.coordinateLbl;
}
是页面上的操作都是view实现的,看着明了清晰。
view上的逻辑处理:
//数据逻辑(对应的给每个view数据,逻辑在这里处理)
- (void)setDataModel:(DataModel *)dataModel {
_dataModel = dataModel;
if ([_dataModel.imageName isEqualToString:@""]){
[_styleView initStyleData:_dataModel];
} else {
[_styleView initData:_dataModel];
}
}
好了所有的代码都已添加完毕,看着是不是简单明了,就改了几个地方,Controller就不要改动。在StyleView中将所有的控件都进行初始化这是一个必须的过程,不然就会导致乱序。在这里最重要就是HomeTableViewCell中的数据逻辑判断了,这里不出错的话这个代码都没有问题了啊。是不是很简单啊,都是在模块上添加代码就可以了。
这是代码地址:https://github.com/tangyi1234/mvcFramework1