【iOS】UI学习——cell的复用及自定义cell
目录
- 前言
- cell的复用
- 手动(非注册)
- 自动(注册)
- 自定义cell
- 总结
前言
Cell复用和自定义Cell是在开发iOS应用时常见的一种优化技巧和定制需求。
Cell复用是UITableView或UICollectionView的一个重要优化机制。当用户滚动这些视图时,只有少量可见的Cell会被实际创建和显示,对于那些暂时不可见的Cell,系统会将它们缓存起来以备将来复用。这个机制主要是为了提高应用的性能,因为创建和销毁视图都是相对高开销的操作,通过复用Cell,我们可以避免不必要的视图创建和销毁,从而提高应用的滚动性能。
自定义Cell可以让你更好地控制Cell的外观和行为,提高代码的可读性和可维护性。自定义Cell主要的步骤包括创建自定义Cell类,添加UI元素,实现初始化方法,设置Cell的布局,以及在TableView中使用自定义Cell。
在实际开发中,我们通常会结合使用Cell复用和自定义Cell,以达到既优化性能又满足特定需求的目的。
cell的复用
Cell的复用是一种优化技术,主要用于iOS的UITableView和UICollectionView。需要注意的是,虽然这两种视图的实现方式略有不同,但复用的基本思想是相同的。
当用户滚动UITableView或UICollectionView时,屏幕上显示的cell只是所有数据的一小部分。当某个cell滚动出屏幕时,系统会将其放入一个队列中等待复用,而不是立即销毁。当需要显示新的cell时,系统首先会检查这个队列,看看是否有可以复用的cell。如果有,就直接使用,如果没有,才会创建新的cell。
这种复用机制可以极大地提高应用的性能。因为创建和销毁视图是相对耗费资源的操作,通过复用,可以减少这些操作,从而使滚动更加流畅。
在实现cell复用时,需要给cell设定一个复用标识符(reuse identifier),然后在需要新的cell时,使用这个标识符去请求。如果队列中有可复用的cell,系统就会返回一个,否则就会创建新的cell。标识符的设定,使得我们可以为不同类型的cell设定不同的复用标识符,从而在同一个表视图或集合视图中使用多种类型的cell。
手动(非注册)
手动进行Cell复用主要涉及到以下几个步骤:
- 设置复用标识符:在创建Cell的时候,我们需要给每个Cell设置一个复用标识符,这个标识符通常是一个字符串,用来表示这个Cell的类型。在创建Cell的时候,我们会把这个标识符作为参数传入。
- 请求重用的Cell:在需要显示新的Cell时,我们会使用复用标识符去请求一个已经不再显示,但是还没有被销毁的Cell。这个请求的过程是通过调用UITableView或UICollectionView的dequeueReusableCell(withIdentifier:)方法来完成的,这个方法会返回一个可选类型的Cell,如果有可用的重用Cell,就会返回一个Cell,否则返回nil。
- 配置Cell:无论是新创建的Cell还是重用的Cell,都需要进行配置,以显示新的数据。配置Cell通常会在tableView(:cellForRowAt:)或collectionView(:cellForItemAt:)方法中完成。
代码示例:
1. (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *strID = @"id"; UITableViewCell *cell = [_tabView dequeueReusableCellWithIdentifier: strID]; if (cell == nil) { cell = [[UITableViewCell alloc] initWithStyle: UITableViewCellStyleSubtitle reuseIdentifier: strID]; } cell.textLabel.text = @"aaa"; return cell; }
自动(注册)
在iOS开发中,TableView和CollectionView的Cell复用是自动完成的,你只需要正确地设置复用标识符并在需要时请求复用的Cell。具体步骤如下:
- 设置复用标识符:当你创建自定义Cell的时候,需要为每一个Cell类型设置一个唯一的复用标识符。你可以在Cell的初始化方法中或者在Storyboard中设置这个标识符。
- 请求重用的Cell:在tableView(:cellForRowAt:)或collectionView(:cellForItemAt:)方法中,你需要使用复用标识符来请求一个可复用的Cell。你可以使用dequeueReusableCell(withIdentifier:)方法来完成这个请求。如果有可复用的Cell,这个方法会返回一个Cell,否则返回nil。
- 创建新的Cell:如果dequeueReusableCell(withIdentifier:)方法返回nil,说明没有可复用的Cell,你需要创建一个新的Cell。
- 配置Cell:对于获得的Cell,无论是新创建的还是复用的,你都需要按照当前的数据来配置它们。
代码示例:
1. (void)viewDidLoad { [super viewDidLoad]; // 如果使用 Nib 自定义 Cell [self.tableView registerNib:[UINib nibWithNibName:@"CustomCell" bundle:nil] forCellReuseIdentifier:@"myCell"]; // 如果使用代码自定义 Cell [self.tableView registerClass:[CustomCell class] forCellReuseIdentifier:@"myCell"]; }
自定义cell
自定义Cell是在开发iOS应用时常用的一种方式,它能让你更好地控制Cell的外观和行为,提高代码的可读性和可维护性。自定义Cell主要的步骤包括:
- 创建自定义Cell类:首先,需要创建一个新的类,这个类通常会继承自UITableViewCell或UICollectionViewCell。
- 添加UI元素:在这个自定义Cell类中,我们可以添加你需要的UI元素,如UILabel,UIImageView等。
- 实现初始化方法:在自定义Cell类的初始化方法中,需要初始化我们添加的UI元素,并添加到Cell的contentView上。
- 设置Cell的布局:还需要在自定义Cell类中设置UI元素的布局,可以使用Auto Layout来完成这个任务。
- 在TableView中使用自定义Cell:在TableView的tableView(_:cellForRowAt:)方法中,我们需要先通过复用标识符尝试获取一个可复用的Cell,如果没有获取到,那么就创建一个新的自定义Cell实例,并返回。
通过自定义Cell,我们可以根据自己的需求来定制Cell的外观和行为,使我们的应用更具个性化。
代码示例:
先创建一个子类myCell,从属于UITableViewCell类。
myCell.h:
#import NS_ASSUME_NONNULL_BEGIN @interface myCustomCell : UITableViewCell @property (nonatomic, strong) UILabel *titleLabel; @property (nonatomic, strong) UILabel *subtitleLabel; @end NS_ASSUME_NONNULL_END
myCell.m:
#import "myCell.h" @implementation myCustomCell - (void)awakeFromNib { [super awakeFromNib]; // Initialization code } - (void)setSelected:(BOOL)selected animated:(BOOL)animated { [super setSelected:selected animated:animated]; // Configure the view for the selected state } //重写父类的初始化方法,根据需求添加自己的逻辑 - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; if ([reuseIdentifier isEqualToString:@"indentifierCell"]) { _titleLabel = [[UILabel alloc] init]; _titleLabel.textColor = [UIColor blueColor]; _titleLabel.font = [UIFont systemFontOfSize:20]; [self.contentView addSubview:_titleLabel]; _subtitleLabel = [[UILabel alloc] init]; _subtitleLabel.textColor = [UIColor cyanColor]; _subtitleLabel.font = [UIFont systemFontOfSize:15]; [self.contentView addSubview:_subtitleLabel]; } return self; } //重写布局方法,根据需求自己设置 - (void)layoutSubviews { _titleLabel.frame = CGRectMake(40, 20, self.contentView.bounds.size.width - 40, 20); _subtitleLabel.frame = CGRectMake(40, 40, self.contentView.bounds.size.width - 40, 20); } @end
ViewController .h:
#import @interface ViewController : UIViewController { //定义一个数据视图对象 //数据视图用来显示大量相同格式的信息的视图 UITableView* _tableview; } @end
ViewController .m:
#import "ViewController.h" #import "myCell.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. //创建数据视图 _tableview = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height) style:UITableViewStylePlain]; //设置数据视图的代理对象 _tableview.delegate = self; //设置数据视图的数据源对象 _tableview.dataSource = self; //注册子类 [_tableview registerClass:[myCustomCell class] forCellReuseIdentifier:@"indentifierCell"]; [self.view addSubview:_tableview]; } // 设置数据视图的组数 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; } //获取每组元素的行数 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 15; } //创建单元格对象函数 -(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { myCustomCell* cell = [_tableview dequeueReusableCellWithIdentifier:@"indentifierCell" forIndexPath:indexPath]; cell.titleLabel.text = @"一级标题"; cell.subtitleLabel.text = @"二级标题"; return cell; } @end
总结
通过对cell的复用和自定义cell,我们可以对自己写的页面进行更多的个性化设置。以上就是本篇博客关于cell复用和自定义cell的全部内容,欢迎大家学习和指正~