利用XIB创建自定义的Cell

    xiaoxiao2025-01-15  11

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

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

    转载请注明原文地址: https://ju.6miu.com/read-1295508.html
    最新回复(0)