首页 > 其他分享 >【iOS】自定义cell及其复用机制

【iOS】自定义cell及其复用机制

时间:2024-06-16 17:31:11浏览次数:22  
标签:自定义 tableView self iOS 复用 cell MyCell

文章目录

cell的复用

当用户滚动 UITableView 或 UICollectionView 时,只有少量可见的 cell 会被实际创建和显示。对于那些暂时不可见的 cell,系统会将它们缓存起来以备将来复用。这就是所谓的 cell 复用机制。

在这里插入图片描述

为什么需要cell的复用:

  • 提高性能: 不需要为每个 cell 都创建一个新的实例,减少了创建 cell 的开销,从而提高了滚动的流畅度。
  • 节省内存: 只维护少量可见 cell 的实例,而不是为整个数据集创建 cell,从而大大节省了内存使用。
  • 简化代码: 通过复用 cell,我们只需要更新 cell 的内容,而不需要频繁地创建和销毁 cell 实例。

实现cell的复用有两种方法,一种是手动判空实现,一种是使用cell的注册机制

注册

  • 注册单元格是在viewDidLoad中使用register(_:forCellReuseIdentifier:)方法来完成的
  • 在创建cell的函数中使用dequeueReusableCellWithIdentifier获取可复用的cell。(如果没有可复用的cell,就自动利用注册cell时提供的类创建一个新的cell并返回)

示例程序

- (void)viewDidLoad 
{
    [super viewDidLoad];
    
    // 使用代码自定义 Cell
    [self.tableView registerClass:[CustomCell class] forCellReuseIdentifier:@"id"];
}

- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *strID = @"id";
    MyTableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier: strID];
    return cell;
}

非注册

  • 非注册方法是直接通过实例化单元格对象,并在需要时手动创建和配置每个单元格
  • 每次需要显示新的单元格时,都会实时创建新的单元格对象,不会尝试重用已存在的单元格

示例程序

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    static NSString *identifier = @"mycell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
    }
    return cell;
}

两者的区别

  • 注册方法的代码更简洁,不需要手动检查 cell 是否为 nil,非注册方法需要更多的判断和创建新 cell 的代码。
  • 注册方法在获取可复用 cell 时更高效,因为系统可以直接从复用池中获取,非注册方法需要手动检查 cell 是否为 nil,并在需要时创建新的 cell,会稍微慢一些。

自定义cell

自定义 cell 可以让你更好地控制 cell 的外观和行为,提高代码的可读性和可维护性。同时,合理的复用机制也可以显著提高滚动性能。

自定义cell的具体步骤

  • 创建自定义cell类
  • 添加UI元素
  • 实现初始化方法
  • 设置cell的布局
  • 在TableView中使用自定义cell

示例程序
**先自己创建一个MyCell类,继承于UITableViewCell类,在该类中定义自己将使用的控件,并规定他们的位置等信息

MyCell.h

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface MyCell : UITableViewCell
@property UIButton* btn;
@property UILabel* label;
@property (nonatomic, strong) UISwitch* swt;
@end

MyCell.m

#import "MyCell.h"

@implementation MyCell

-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if([self.reuseIdentifier isEqualToString:@"mycell"]) {
        _label = [[UILabel alloc] init];
        [self.contentView addSubview:_label];
        
        _swt = [[UISwitch alloc] init];
        
        
        
        _btn = [[UIButton alloc] init];
        [self.contentView addSubview:_btn];
    }
    return self;
}

-(void)layoutSubviews{
    _btn.frame = CGRectMake(0, 0, 50, 50);
    _label.frame = CGRectMake(60, 0, 100, 50);
}



@end

ViewContreller.m:

#import "ViewController.h"
#import "MyCell.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.view.backgroundColor = [UIColor whiteColor];
    self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    [self.view addSubview: self.tableView];
    self.tableView.dataSource = self;
    self.tableView.delegate = self;
    
    [self.tableView registerClass:[MyCell class] forCellReuseIdentifier:@"mycell"];
    
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 2;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 4;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 120;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    MyCell* cell = [self.tableView dequeueReusableCellWithIdentifier:@"mycell" forIndexPath:indexPath];
    
    if(indexPath.section == 1) {
        cell.label.text = @"Lee";
        [cell.btn setImage:[UIImage imageNamed:@"12.png"]  forState:UIControlStateNormal];
        
    } else {
        cell.label.text = @"Xxx";
        [cell.btn setImage:[UIImage imageNamed:@"im1.jpg"] forState:UIControlStateNormal];
    }
    return cell;
}

@end

运行结果
在这里插入图片描述

标签:自定义,tableView,self,iOS,复用,cell,MyCell
From: https://blog.csdn.net/2301_79847748/article/details/139722442

相关文章

  • VMware ESXi 8.0U2c macOS Unlocker & OEM BIOS ConnectX-3 网卡定制版 (集成驱动版)
    VMwareESXi8.0U2cmacOSUnlocker&OEMBIOSConnectX-3网卡定制版(集成驱动版)发布ESXi8.0U2集成驱动版,在个人电脑上运行企业级工作负载请访问原文链接:https://sysin.org/blog/vmware-esxi-8-u2-sysin/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.org......
  • 【JAVA开发笔记】实战演练,如何用EasyExcel导出表格,并且自定义合并单元格
    目录1.前言2.EasyExcel简介3.EasyExcel简单导出案例讲解3.1EasyExcel依赖引入3.2测试类创建3.3Excel导出实现4.EasyExcel合并单元案例讲解4.1实现自定义合并策略4.2 使用自定义合并策略5.总结1.前言项目上,需将一个列表数据导出Excel表格,并将指定列相同......
  • 机器视觉入门学习:YOLOV5自定义数据集部署、网络详解、损失函数(学习笔记)
     前言源码学习资源:YOLOV5预处理和后处理,源码详细分析-CSDN博客网络学习资源:YOLOv5网络详解_yolov5网络结构详解-CSDN博客YOLOv5-v6.0学习笔记_yolov5的置信度损失公式-CSDN博客 本文为个人学习,整合各路大佬的资料进行V5-6.0版本的网络分析,在开始学习之前最好先去学习YOL......
  • 《pvz植物大战僵尸杂交版》V2.0.88整合包火爆全网,支持安卓、ios、电脑等!
    今天来给大家安利一款让人欲罢不能的游戏——《植物大战僵尸·杂交版》2.0.88版。这可不是普通的植物大战僵尸,它可是席卷了B站,火爆全网的存在!先说说这个版本,它可是网络上现存最全的植物大战僵尸杂交版整合包。里面不仅有修改工具,还有超强通关存档和高清工具,简直是玩家的福音。......
  • 前端使用 Konva 实现可视化设计器(15)- 自定义连接点、连接优化
    前面,本示例实现了折线连接线,简述了实现的思路和原理,也已知了一些缺陷。本章将处理一些缺陷的同时,实现支持连接点的自定义,一个节点可以定义多个连接点,最终可以满足类似图元接线的效果。请大家动动小手,给我一个免费的Star吧~大家如果发现了Bug,欢迎来提Issue哟~github源码g......
  • react-quill 自定义上传图片方法
    react-quill网上找了自定义上传图片的方式。测试后都失败,会报:react-quilladdRange():Thegivenrangeisn'tindocument.解决办法:关键点:在创建实例后,去重新设置image的uploader方法。(蓝色部分)代码: const[content,setContent]=useState('');constquillEdit=use......
  • ArcGIS JSAPI 高级教程 - ArcGIS Maps SDK for JavaScript - 添加自定义(GLSL)数据
    ArcGISJSAPI高级教程-ArcGISMapsSDKforJavaScript-添加自定义(GLSL)数据核心代码完整代码在线示例ArcGISMapsSDKforJavaScript从4.29开始增加RenderNode类,可以添加数据以及操作FBO(ManagedFBO);通过操作FBO,可以通过后处理实现很多效果,官方提供了几......
  • Teamcenter AWC aw-chart自定义图表
    1.从服务器获取数据:exportconstqueryChartsData=function(data){// returnnewPromise(function(resolve){//  setTimeout(function(){    varURL_service=get_URL_service()+"reports/get_workflow_datas";//    eventBus.publish("pro......
  • uni-app在微信小程序端自定义组件中样式穿透失效
    前情uni-app是我比较喜欢的跨平台框架,它能开发小程序/H5/APP(安卓/iOS),重要的是对前端开发友好,自带的IDE让开发体验非常棒,公司项目就是主推uni-app。坑位最近因UI有别的事忙,导致手上暂时没什么活了,我于是抽时间优化项目代码,第一件事就是抽取复用组件。正好项目中有多处用到uVie......
  • x.thumbnailer 修复psd缩略图/nemo-preview 自定义预览
    缩略图https://askubuntu.com/questions/1368910/how-to-create-custom-thumbnailers-for-nautilus-nemo-and-caja安装imagemagicksudoaptinstallimagemagick-6.q16/usr/share/thumbnailers/psd.thumbnailerhttps://moritzmolch.com/blog/1749.htmlcd/usr/share/thumbn......