定制单元格－cell

在我们接触到的app中，大部分的都是有tableView来显示信息的，如此，就需要有TableViewCell进行数据的显示。下面介绍3种定制的方法。

首先创建一个BaseTableViewController继承于UITableViewController，并显示数据，点击cell跳转到对应的controller，显示数据。

其中Model数据代码如下：

@property(nonatomic,copy)NSString *title;
@property(nonatomic,copy)NSString *time;
@property(nonatomic,copy)NSString *commentCount;

加载主界面

接下来创建3个类 "FirsetTableViewController.h"、 "SecondTableViewController.h"、 "ThirdTableViewController.h" and "Model.h"，并导入头文件。

代码如下：

//数据存储
@property(nonatomic,strong)NSMutableArray *modelDataList;

- (void)viewDidLoad {
    [super viewDidLoad];
//  添加数据
    [self loadData];
}

- (void)loadData{
    //获取路径文件
    NSString *path = [[NSBundle mainBundle] pathForResource:@"news" ofType:@"plist"];
    NSMutableArray *dataArr = [NSMutableArray arrayWithContentsOfFile:path];
    //首先创建空间
    _modelDataList = [[NSMutableArray alloc] init];
    //将读出的数据转化为对象
    for (NSDictionary *dataDic in dataArr) {
        NewModel *model = [[NewModel alloc] init];
        model.title = [dataDic objectForKey:@"title"];
        model.commentCount = [dataDic objectForKey:@"commentCount"];
        model.time = [dataDic objectForKey:@"time"];
        //将创建的数据加入到数组中
        [_modelDataList addObject:model];
    }
    
}

#pragma mark - Table view data source
//默认为1
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    return 1;
}
//返回的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    return 3;
}

//cell的重用
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    //唯一识别标志 identifier
    static NSString *identifier = @"baseCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
    }
    //显示内容
    cell.textLabel.text = [NSString stringWithFormat:@"第%ld种单元格定制方法",indexPath.row + 1];
    return cell;
}
//选中调用的方法
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    if (indexPath.row == 0) {
        FirsetTableViewController *firstVC = [[FirsetTableViewController alloc] init];
        //－－－－－数据传送－－－－
        firstVC.modelArray = self.modelDataList;
        [self.navigationController pushViewController:firstVC animated:YES];
    }
    if (indexPath.row == 1) {
        //有ib的写法
        SecondTableViewController *secVC = [[SecondTableViewController alloc] init];
        secVC.modelArray = self.modelDataList;
        [self.navigationController pushViewController:secVC animated:YES];
    }
    if (indexPath.row == 2) {
        ThirdTableViewController *thirdVC = [[ThirdTableViewController alloc] init];
        thirdVC.modelArray = self.modelDataList;
        [self.navigationController pushViewController:thirdVC animated:YES];
    }
}

第一种定制方法

1. 设置一个数据z存放可变数组

   @property(nonatomic,strong)NSMutableArray *modelArray;

2. 导入Model.h。在主界面加载后就进行了数据解析。

3. 根据plist文件数据进行代码显示。如下：

   - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
       return 1;
   }
   //返回的行数，数组中元素的个数
   - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
       return _modelArray.count;
   }
   
   //cell重用
   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
       static NSString *identifier = @"cell";
       UITableViewCell *cell = [tableView dequeueReusableHeaderFooterViewWithIdentifier:identifier];
       if (cell == nil) {
           cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
           //创建标题视图
           UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 200, 30)];
           titleLabel.tag = 101;
           //添加到单元格
           [cell.contentView addSubview:titleLabel];
           //创建评论数标题
           UILabel *commentCount =[[UILabel alloc] initWithFrame:CGRectMake(10, 50, 100, 30)];
           commentCount.tag =102;
           [cell.contentView addSubview:commentCount];
           
           //创建时间标题
           UILabel *timeLabel = [[UILabel alloc] initWithFrame:CGRectMake(120, 50, 160, 30)];
           timeLabel.tag = 103;
           [cell.contentView addSubview:timeLabel];
           
       }
       //获取当前row下的model，根据tag值来添加相应的数据
       NewModel *model = self.modelArray[indexPath.row];
       UILabel *titleLabel = (UILabel*)[cell viewWithTag:101];
       titleLabel.text = model.title;    
       UILabel *commentLabel = (UILabel*)[cell viewWithTag:102];
       commentLabel.text = [NSString stringWithFormat:@"评论数:%@",model.commentCount];
       UILabel *timeLabel = (UILabel*)[cell viewWithTag:103];
       timeLabel.text = [NSString stringWithFormat:@"在%@小时前发布消息",model.time];
       return cell;
   }
   //行高，不确定的高度，可自己定义
   - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
       
       return 100;
   }

第二种定制方法

这种方法是使用的.xib。

代码如下：（重复代码不再书写：行数、行高同方法一）需要注意的就是xib的使用。

//设置cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *identifier = @"myCell";
    UITableViewCell *cell = [tableView dequeueReusableHeaderFooterViewWithIdentifier:identifier];
    if (cell == nil) {
    // 重用cell添加
        cell = [[[NSBundle mainBundle] loadNibNamed:@"MyCell" owner:self options:nil] lastObject];
    }
    //获取对应的model
    NewModel *model = [_modelArray objectAtIndex:indexPath.row];
    //设置属性
    UILabel *titleLa = (UILabel*)[cell viewWithTag:103];
    titleLa.text = [NSString stringWithFormat:@"标题：%@",model.title];
    UILabel *timeLa = (UILabel*)[cell viewWithTag:102];
    timeLa.text = [NSString stringWithFormat:@"在%@小时前发布消息",model.time];
    UILabel *commLa = (UILabel*)[cell viewWithTag:101];
    commLa.text = [NSString stringWithFormat:@"评论数：%@",model.commentCount];
    return cell;
}

第三种定制方法（MVC）

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *idetifier = @"myCell";
    MyTableViewCell *cell = [tableView dequeueReusableHeaderFooterViewWithIdentifier:idetifier];
    if (cell == nil) {
        cell = [[[NSBundle mainBundle] loadNibNamed:@"MyTableViewCell" owner:self options:nil] lastObject];
    }
    NewModel *model = self.modelArray[indexPath.row];
    
    /*
    //在外部设置
    cell.timeLa.text = model.time;
    cell.titleLa.text = model.title;
    cell.commentCountLa.text = model.commentCount;
     */
    
    //内部设置
    cell.model = model;
    return cell;
}

其中在设置xib的时候，可以使用autolayout布局。

而在cell中的数据传值代码则简单的很。不用多解释 IBOutlet 是什么意思了。以下是.h中

@property (weak, nonatomic) IBOutlet UILabel *commentCountLa;
@property (weak, nonatomic) IBOutlet UILabel *timeLa;
@property (weak, nonatomic) IBOutlet UILabel *titleLa;
@property(nonatomic,strong)NewModel *model;

在.m中代码，重写了 layoutSubviews 方法。

- (void)awakeFromNib {
    //对于xib的设置，就是有awaekeFromNib 得到
}

- (void)layoutSubviews {
    
    //内部设置  对应 cell.model = model;
    [super layoutSubviews];
    self.titleLa.text = self.model.title;
    self.timeLa.text = self.model.time;
    self.commentCountLa.text = self.model.commentCount;
    
}

效果图：

以上只是对不同cell的定制，简单的方法。大部分使用还是在tableView中的。如若想了解tableView，点击

对于不同的值传递，利用MVC时最好的模式。在cell中只要重写set方法就可以了。

欢迎各位读者阅读，错误请指正。如若转载，请标明出处。