[How to]使用自定义cell进行tableview的创建，适用于cell样式不发生变化的情况。

1.简介

在tableview中又默认的cell格式，其中组织如下：

<截取自官网文档>

最终的在页面上默认的cell也只能像上述那样的显示效果，如果这种要是无法满足我们的界面要求，那么我们可以自定义cell来进行创建。

2.实现

目标：我们需要制作如下一个table，它的cell高度宽度和排版都是一样的，所以非常适合使用xib来定制cell。

1. 初始化工程后我们将table的数据存放在plist中：

2.在controller中我们以懒加载的方式将plist数据加载进来

详细方法可参考[How to]如何自定义plist文件和读取plist文件内容

3.创建xib文件

4.选择Table View Cell控件，以此为基础根据需求绘制xib，并且设定高宽等属性

5. 为了后续能够重用cell，需要设定cell的标示：

6.创建Table Cell子类，在这个类中我们采用可重用的方式创建cell，目的是防止过多的创建新的cell造成资源和性能的损耗。

.h

#import <UIKit/UIKit.h>

@class XFGoodModel;

@interface XFGoodTableViewCell : UITableViewCell

@property(nonatomic,strong) XFGoodModel *goodInfo;

+(instancetype) goodCellWithTableView:(UITableView *) tableView;

@end

.m

#import "XFGoodTableViewCell.h"
#import "XFGoodModel.h"

@interface XFGoodTableViewCell()

@property (weak, nonatomic) IBOutlet UIImageView *googImageView;
@property (weak, nonatomic) IBOutlet UILabel *nameView;
@property (weak, nonatomic) IBOutlet UILabel *priceView;
@property (weak, nonatomic) IBOutlet UILabel *soldNumView;

@end

@implementation XFGoodTableViewCell

/**
 *  快速以重用的方式快速初始化cell
 *
 *  @param tableView 当前tableview
 *
 *  @return 新建的或者重用的cell
 */
+(instancetype)goodCellWithTableView:(UITableView *)tableView
{
    // 根据可ID进行cell的可重用查找
    static NSString *reuseId = @"goodcell";
    XFGoodTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseId];

    // 当没有可重用cell的时候我们需要从xib中加载cell
    if (!cell)
    {
        // 指定xib文件名称，在xib中可以包含很多view，这里我们只有一个cell的view，所以直接取得lastObject
        cell = [[[NSBundle mainBundle] loadNibNamed:@"XFGoodCell" owner:nil options:nil]lastObject];
    }

    return cell;
}

/**
 *  设定当前cell的数据，同时设定cell中各个空间的值
 *
 *  @param goodInfo <#goodInfo description#>
 */
-(void) setGoodInfo:(XFGoodModel *)goodInfo
{
    _goodInfo = goodInfo;

    self.googImageView.image = [UIImage imageNamed:goodInfo.image];
    self.nameView.text = goodInfo.name;
    self.priceView.text = [NSString stringWithFormat:@"￥  %ld", (long)goodInfo.price];
    self.soldNumView.text = [NSString stringWithFormat:@"已经售出 %ld 份", (long)goodInfo.soldNum];
}

@end

7. 需要将类与xib中的table cell关联并进行控件与代码的连线。

至此，cell部分已经创建完毕。接下来我们一起去实现数据源代理。

8. 在将controller本身作为tableView的数据源代理，并且去实现TableView的数据源代理方法：

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    // 指定tableview的数据代理
    self.goodsTableView.dataSource = self;
}

#pragma 重写代理方法

//返回总数据量
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

    // 1.加载xib取得cell定义
    XFGoodTableViewCell *cell = [XFGoodTableViewCell goodCellWithTableView:tableView];
    // 2.设定cell数据
    cell.goodInfo = self.goodsList[indexPath.row];
    // 3.返回cell
    return cell;

}

// 加载cell
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.goodsList.count;
}

3. 总结

使用cell可以帮助我们扩展TableViewCell以显示更多的内容和交互。本文种特别提到了重用cell，这一点特别重要，因为在Table滚动的时候每一行都需要在代理方法中生成和数据设定。

使用重用的方式后，可以提高性能，减少由于过多创建新对象而造成的资源压力。

无论是是使用自定义cell还是自定义其他的普通view的时候，所有的数据和动作都需要封装进本身的类中。对于controller来说只是就只保持三步：创建cell、设定cell数据和返回cell。