【ios开发】使用自定义的TableViewCell

时间:2023-03-09 09:38:25
【ios开发】使用自定义的TableViewCell

当系统自带的cell无法满足我们的要求的时候,我们就可以自定义自己的cell。

先看看效果,这个效果有点重复造*的感觉,因为UITableView已经实现了这种布局。

【ios开发】使用自定义的TableViewCell

【ios开发】使用自定义的TableViewCell

打造自己的cell只需简单的3步

  1. 使用xib布局需要的控件,让该xib文件和一个继承自UITableViewCell的自定义类关联。

  2. 在代码中使用registerNib方法加载该xib文件。

  3. 把数据填充到xib

实现步骤:

建立好工程后,我们新建一个xib文件,然后从右边的控件库中把一个UITableViewCell拖到xib上面。

布局好的xib文件如下:

【ios开发】使用自定义的TableViewCell

【ios开发】使用自定义的TableViewCell

然后我们新建一个MyCell的类,该类继承自UITableViewCell,并把它和xib文件关联:

          【ios开发】使用自定义的TableViewCell

【ios开发】使用自定义的TableViewCell

下面就是在代码中加载该xib文件:

​在之前文章中我们使用系统自定的UITableViewCell的时候是直接使用registerClass方法创建cell的。

这里需要用到registerNib方法。

【ios开发】使用自定义的TableViewCell

下面是tableView:cellForRowAtIndexPath:方法的代码

【ios开发】使用自定义的TableViewCell

【ios开发】使用自定义的TableViewCell

代码中cell.character对象包含了要显示的所有数据,包括一个UIImageView,UILabel和UITextView属性。

实际上不同人储存数据的方法不同,我就不贴代码了,只要能正确帮xib里的控件赋值就行。