iOS 基于MVC设计模式练习UITableView使用 —— HERO博客

上一篇简述了UITableView的使用，本篇基于MVC模式继续练习使用UITableView。

UITableView具体属性及方法可以参考文章：UITableView简介

UITableView简单使用可以参考文章：UITableView使用练习

MVC设计模式简介可以参考文章：MVC设计模式简介

写了个简单的例子，控制器继承UITableViewController，不需要再去手动添加协议，设置代理。遵循MVC设计模式，自定义头部视图、Cell、Model数据模型效果如图32-1：

下面贴上代码：

HWTableViewController：

#import <UIKit/UIKit.h>@interface HWTableViewController : UITableViewController@end#import "HWTableViewController.h"#import "HWHeaderView.h"#import "HWTableViewCell.h"#import "HWCellModel.h"@interface HWTableViewController ()@property (nonatomic, strong) NSMutableArray *HWInfoArray;@end@implementation HWTableViewController- (NSMutableArray *)HWInfoArray{    if (_HWInfoArray == nil) {        _HWInfoArray = [NSMutableArray array];    }    return _HWInfoArray;}- (void)viewDidLoad {    [super viewDidLoad];        //创建头部视图    self.tableView.tableHeaderView = [[HWHeaderView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 100)];        //获取数据    [self getInfo];}- (void)getInfo{    //实际开发数据是网络获取到的，这里模拟给出一个数据    NSArray *array = @[@[@{@"image" : @"hero", @"title" : @"标题1", @"subTitle" : @"副标题1"},                         @{@"image" : @"hero", @"title" : @"标题2", @"subTitle" : @"副标题2"}],                       @[@{@"image" : @"hero", @"title" : @"标题3", @"subTitle" : @"副标题3"},                         @{@"image" : @"hero", @"title" : @"标题4", @"subTitle" : @"副标题4"},                         @{@"image" : @"hero", @"title" : @"标题5", @"subTitle" : @"副标题5"},                         @{@"image" : @"hero", @"title" : @"标题6", @"subTitle" : @"副标题6"},                         @{@"image" : @"hero", @"title" : @"标题7", @"subTitle" : @"副标题7"}]];        //解析数据，转模型保存    for (int i = 0; i < array.count; i++) {        NSMutableArray *tempArray = [NSMutableArray array];        for (NSDictionary *dict in array[i]) {            [tempArray addObject:[HWCellModel HWInfoWithDictionary:dict]];        }        [self.HWInfoArray addObject:tempArray];    }}#pragma mark - Table view data source//组数- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    return self.HWInfoArray.count;}//组中行数- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return [self.HWInfoArray[section] count];}//cell内容- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    HWTableViewCell *cell = [HWTableViewCell cellWIthTableView:tableView];        cell.model = self.HWInfoArray[indexPath.section][indexPath.row];        return cell;}//点击事件- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    //获取到当前被点击的cell    HWTableViewCell *cell = (HWTableViewCell *)[tableView cellForRowAtIndexPath:indexPath];        NSString *str = [NSString stringWithFormat:@"点击了第%ld组第%ld行", indexPath.section, indexPath.row];        cell.lable.text = str;}//设置行高- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    return 70.0f;}//设置头部标题- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{    if (section == 0) {        return @"第一组";    }    return @"第二组";}//设置尾部标题- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section{    return @"这是尾部标题";}@end

HWHeaderView：

#import <UIKit/UIKit.h>@interface HWHeaderView : UIView@end#import "HWHeaderView.h"@implementation HWHeaderView//重写init方法- (id)initWithFrame:(CGRect)frame{    if (self = [super initWithFrame:frame]) {        //创建一个标签作为头部视图        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, 100)];        label.text = @"这是头部视图";        label.textAlignment = NSTextAlignmentCenter;        label.textColor = [UIColor whiteColor];        label.backgroundColor = [UIColor grayColor];        [self addSubview:label];    }        return self;}@end

HWTableViewCell：

#import <UIKit/UIKit.h>@class HWCellModel;@interface HWTableViewCell : UITableViewCell@property (nonatomic, weak) UILabel *lable;@property (nonatomic, strong) HWCellModel *model;+ (instancetype)cellWIthTableView:(UITableView *)tableView;@end#import "HWTableViewCell.h"#import "HWCellModel.h"@interface HWTableViewCell ()@property (nonatomic, weak) UIImageView *imgView;@property (nonatomic, weak) UILabel *subLabel;@end@implementation HWTableViewCell+ (instancetype)cellWIthTableView:(UITableView *)tableView{    //cell复用，唯一标识    static NSString *identifier = @"HWCell";    //先在缓存池中取    HWTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];    //缓存池中没有再创建，并添加标识，cell移出屏幕时放入缓存池以复用    if (cell == nil) {        cell = [[HWTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];    }        return cell;}//重写init方法构建cell内容- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {        //图片        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(5, 5, 80, 60)];        [self.contentView addSubview:imageView];        self.imgView = imageView;                //标题        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(CGRectGetMaxX(imageView.frame) + 10, 15, 200, 20)];        label.font = [UIFont systemFontOfSize:20.0f];        [self.contentView addSubview:label];        self.lable = label;                //副标题        UILabel *subLabel = [[UILabel alloc] initWithFrame:CGRectMake(CGRectGetMaxX(imageView.frame) + 10, 40, 200, 13)];        subLabel.font = [UIFont systemFontOfSize:13.0f];        [self.contentView addSubview:subLabel];        self.subLabel = subLabel;                self.backgroundColor = [UIColor whiteColor];    }        return self;}//重写set方法，模型传递- (void)setModel:(HWCellModel *)model{    _model = model;        self.imgView.image = [UIImage imageNamed:model.image];    self.lable.text = model.title;    self.subLabel.text = model.subTitle;}@end

HWCellModel：

#import <Foundation/Foundation.h>@interface HWCellModel : NSObject@property (nonatomic, copy) NSString *image;@property (nonatomic, copy) NSString *title;@property (nonatomic, copy) NSString *subTitle;- (id)initWithDictionary:(NSDictionary *)dict;+ (id)HWInfoWithDictionary:(NSDictionary *)dict;@end#import "HWCellModel.h"@implementation HWCellModel- (id)initWithDictionary:(NSDictionary *)dict{    self = [super init];    if (self) {        [self setValuesForKeysWithDictionary:dict];    }    return self;}+ (id)HWInfoWithDictionary:(NSDictionary *)dict{    return [[self alloc] initWithDictionary:dict];}@end