利用XIB创建自定义的Cell

Posted tanyufeng_521

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用XIB创建自定义的Cell相关的知识,希望对你有一定的参考价值。

自定义的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中注册时以及使用时三者所使用的重用标识必须保持一致,三者有一个不一样都会出错。

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

以上是关于利用XIB创建自定义的Cell的主要内容,如果未能解决你的问题,请参考以下文章

利用XIB创建自定义的Cell

IOS xib在tableview上的简单应用(通过xib自定义cell)

IOS xib在tableview上的简单应用(通过xib自定义cell)

iOS两行代码实现动态缓存 cell 的高度

新手教程之使用Xib自定义UITableViewCell

自定义tableview的xib怎么加载