利用XIB创建自定义的Cell

Posted 2022-10-17 tanyufeng_521

自定义的cell在我们的开发当中使用的极为平凡，可以说几乎所有的cell都是自定义的，因为他的灵活性和可控性非常的强。

使用自定义的cell肯定就少不了利用可视化来创建cell，那么今天就来讲讲如何利用xib创建cell。

利用XIB创建自定义的cell总体来说，我们可以分为四步：

1. 创建xib，添加cell并添加控件
2. 为xib关联cell类
3. 注册cell类
4. 使用xib创建的cell类

下面我们一步一步来

一、创建XIB，并添加控件

1、创建XIB文件， 如下图：

2、成功之后，如下图：

3、添加cell控件

4、添加其他子控件

二、创建cell类，并关联cell

1、创建cell类， 如下图

PS：cell类的名称可以不用和XIB的名称一致，不过推荐一致

2、将xib中的cell和cell类关联， 如下图操作

3、为子控件关联属性和方法

三、注册cell类

1、为xib中的cell添加重用标识

2、加载XIB为nib，并注册， 如下代码：

    /**
     *  加载xib 返回nib对象
     */
    UINib *cellNib = [UINib nibWithNibName:@"CustomTableViewCell" bundle:nil];


    /**
     *  通过nib对象，注册cell
     *
     *  @param nib nib加载后的xib
     *
     *  @param identifier 重用标识
     *
     *  @return 返回值
     */
    [self.tableView registerNib:cellNib forCellReuseIdentifier:@"xibCell"];

PS:注册时的重用标识，必须和xib中设置的重用标识一样

四、cell的使用

通过上面几个步骤后，利用xib创建的cell就和cell已经关联好了，在使用的时候就和普通cell的使用没有太大的区别，使用代码如下:

    CustomTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"xibCell"];

    CellModel *model = self.dataArray[indexPath.row];

    cell.model = model;

    return cell;

PS:这里面特别需要提醒的是，在xib中、注册时以及使用时三者所使用的重用标识必须保持一致，三者有一个不一样都会出错。

**欢迎大家踊跃评论，让我们一起探讨技术！！
如果觉得文章不错，请帮忙点击文章下方的顶！！
你的支持将是对我最好的鼓励, 谢谢！！！**