iOS App中UITableView左滑出现删除按钮及其cell的重用

UITableView的编辑模式
实现UITableView简单的删除功能(左滑出现删除按钮)
首先UITableView需要进入编辑模式。实现下面的方法,即使什么代码也不写也会进入编辑模式:

代码如下:

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{

}

当点击出现的Delete按钮时,会调用上面这个方法,所以在这个方法里面可以实现进行删除操作的一些逻辑,比如:

代码如下:

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
      // 首先修改model
    [self.books removeObjectAtIndex:indexPath.row];
      // 之后更新view
    [self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}

如果想要修改Delete这个按钮的文本,可以实现下面的代理方法:

代码如下:

- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return @"删除";
}

这种方式可以很快捷的实现系统自带的简单删除方法,并且当UITableView进入编辑模式的时候(出现Delete按钮),继续点击cell则会自动取消编辑模式,非常方便。

在一些应用中可能会看到,当用户点击一个按钮的时候,UITableView里面的cell的左边会出现一个红色圆,里面是一个-,当点击这个-的时候会出现左滑效果,出现Delete按钮。如何实现的呢?

UITableView有一个editing属性,如果将这个属性设置为YES,那么就会进入编辑模式;同样,设置为NO,就会退出。

上面的提到的例子,当用户点击按钮的时候,就进入编辑模式,编辑模式默认的形式就是在左边有一个红色-,当用户点击的时候自带左滑效果出现Delete按钮。当用户点击Delete按钮的时候又会调用上面提到的方法。

所以说了这么多,只需要将editing设置为YES并实现上面的方法就可以达到上述效果。

UITableViewCell的重用
UITableViewCell如果在tableView:cellForRowAtIndexPath:方法中,像其他类一样,使用下面的方式创建:

代码如下:

UITableViewCell *cell = [[UITableViewCell alloc] init];
cell.textLabel.text = @"hello";
...

这样虽然能正确显示,但是性能是有问题的。

苹果实际上是帮我们提高了性能了的。假设要显示200行数据,如果同时创建200个cell,那么无疑会非常消耗性能,并且并没有太大的意义——因为有些cell根本还没有显示出来。

所以在使用UITableView的时候,只有在cell即将显示的时候才会调用tableView:cellForRowAtIndexPath:方法,也就是说,如果有200行数据,那么只会创建我们可以看到的cell,而那些看不到的数据,则不会创建对应的cell。

比如在手机屏幕上可以同时显示5个cell(编号为0 - 4),那么当用户向上滑tableView的时候,第6个cell即将出现,而第1个cell还未消失,所以此时会创建6个UITableViewCell。当第7个cell出现,那么第1个cell就会完全从屏幕上消失,此时这个UITableViewCell的对象将被销毁,并且第7个cell被创建。以此类推,当有新的cell出现,那么就会创建一个新的cell,销毁消失的那个cell。

这样虽然不必同时创建200个cell,但是在不断地创建-销毁cell,性能上依然会有问题。

苹果提供的更好的方法是将cell复用,而不是销毁。

每次有新的cell出现的时候(也就是tableView:cellForRowAtIndexPath:方法执行的时候),不应该直接创建一个cell,而是应该去缓冲池中查找有没有可复用的cell,如果有,那么就重用这个cell;如果没有,则创建一个cell。这样无论数据是200行,2000行还是20000行,实际上创建的只是屏幕可见的cell的个数。

还是上面的例子,当第7个cell即将出现,第1个cell消失,此时并不会销毁第一个cell,而是将它放入缓冲池中等待复用。此时第7个cell会首先去缓冲池中寻找是否有可复用的cell,发现有(就是消失的第1个cell),那么就会拿来复用,而不是重新创建。这样一来,消失一个,下次就会重用这个,这样就可以保证创建最少数量的cell,仍然可以满足需求。

实现cell的重用可以采用下面的方法:

使用代码自己来创建新的cell:

代码如下:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString * const cellIdentifier = @"CellIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];
          cell.backgroundColor = [UIColor greenColor];
    }
    cell.textLabel.text = @"hello";

return cell;
}

这里有几点需要注意:

当cell为nil,需要创建新的cell的时候,使用的是initWithStyle:reuseIdentifier:方法,而不是init方法,这样做是因为创建新的cell的时候需要绑定一个identifier,这样在重用的时候才能找到可重用的相同类型。如果使用init方法则没有绑定identifier,这样在重用的时候无法成功找到对应的可重用的cell。

一般在if(!cell)中,也就是在新创建cell的时候,将一些只需要初始化一次的属性进行初始化,而不是在这个括号的外面。因为在括号外面会执行多次,而这些属性并不需要多次设置。同样,如果不同的cell需要设置不同属性或数据,那么需要在括号外执行,因为括号外面每次cell出现都会执行到,这样可以保证不用的cell对应不同的属性或数据。如果将本该设置不同cell对应不同属性的代码放在括号里面,在复用cell的时候不会重新覆盖这些数据,会出现不正确的结果,早晨数据冗余的问题。

另一种方法是自动创建新的cell:

代码如下:

NSString * const cellIdentifier = @"CellIdentifier";

- (void)viewDidLoad
{
    [super viewDidLoad];

[self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:cellIdentifier];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];

cell.textLabel.text = @"hello";

return cell;
}

首先需要注册class,意思就是告诉tableView,首先去缓冲池中找有没有可重用的cell,如果有,则拿过来重用;如果没有,那么根据之前注册的UITableViewCell这个类,来自动生成一个cell,并且给它绑定上重用identifier。

这个方法省去了我们自己手动创建cell,但是也有不足:苹果提供给我们的cell的样式,除了默认的,我们都不能用了。

第一种方法我们通过手动创建cell,使用initWithStyle:reuseIdentifier:可以传入不同的style来创建苹果为我们提供的cell,但是在第二种方法中无法实现了。

第二种方法更多的时候用在我们自定义Cell。虽然无法使用更多的系统自带样式,但是我们首先可以注册自定义的cell的类(将UITableViewCell换成自定义的Cell),然后仍然首先去缓冲池中找有没有可重用cell,如果没有,则根据注册的cell来创建cell并绑定identifier。当然,在使用dequeueReusableCellWithIdentifier:的时候,返回的应该也是自定义的Cell类型。

注册的不仅可以是Class,还可以是nib,也就是说可以注册通过xib创建的cell,和上面的方法同理。

还可以直接通过Storyboard,设置好prototype cell的identifier,在dequeueReusableCellWithIdentifier:中就可以直接使用cell,既不用提前注册,也不用手动创建cell。

(0)

相关推荐

  • 详解iOS开发中UItableview控件的数据刷新功能的实现

    实现UItableview控件数据刷新 一.项目文件结构和plist文件 二.实现效果 1.说明:这是一个英雄展示界面,点击选中行,可以修改改行英雄的名称(完成数据刷新的操作). 运行界面: 点击选中行: 修改数据后自动刷新: 三.代码示例 数据模型部分: YYheros.h文件 复制代码 代码如下: // //  YYheros.h //  10-英雄展示(数据刷新) // //  Created by apple on 14-5-29. //  Copyright (c) 2014年 itc

  • 全面解析iOS应用中自定义UITableViewCell的方法

    有时候我们需要自己定义UITableViewCell的风格,其实就是向行中添加子视图.添加子视图的方法主要有两种:使用代码以及从.xib文件加载.当然后一种方法比较直观. 一.基本用法 我们这次要自定义一个Cell,使得它像QQ好友列表的一行一样:左边是一张图片,图片的右边是三行标签: 当然,我们不会搞得这么复杂,只是有点意思就行. 1.运行Xcode 4.2,新建一个Single View Application,名称为Custom Cell: 2.将图片资源导入到工程.为此,我找了14张50

  • IOS中UITableView滚动到指定位置

    方法很简单: - (void)scrollToRowAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UITableViewScrollPosition)scrollPosition animated:(BOOL)animated 有些需要注意的地方: 如果在reloadData后需要立即获取tableview的cell.高度,或者需要滚动tableview,那么,直接在reloadData后执行代码是有可能出问题的. reloadDa

  • 详解iOS开发中UITableview cell 顶部空白的多种设置方法

    我知道没人会主动设置这个东西,但是大家一定都遇到过这个问题,下面总结下可能是哪些情况: 1, self.automaticallyAdjustsScrollViewInsets = NO; 这个应该是最常见而且不容易被发现的原因,起因是iOS7在Conttoller中新增了automaticallyAdjustsScrollViewInsets这个属性,当设置为YES时(默认YES),如果视图里面存在唯一一个UIScrollView或其子类View,那么它会自动设置相应的内边距,这样可以让scr

  • iOS开发之UITableView左滑删除等自定义功能

    前言 相信每位iOS开发者都知道UITableView的左滑删除功能非常的炫酷,有时候左滑需要的功能不止只有删除一个,有时候会有顶置之类的别的功能,这时候就需要我们自己定制左滑 示例代码 -(NSArray<UITableViewRowAction*>*)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewRowAction *rowActio

  • iOS应用中UITableView左滑自定义选项及批量删除的实现

    实现UITableView左滑自定义选项 当UITableView进入编辑模式,在进行左滑操作的cell的右边,默认会出现Delete按钮,如何自定义左滑出现的按钮呢? 只需要实现UITableView下面的这个代理方法. 复制代码 代码如下: - (NSArray<UITableViewRowAction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath

  • iOS应用开发中UITableView的分割线的一些设置技巧

    对于ios7,ios8及以上来说,调整UITableView的cell的分割线位置已经是相当不便,因为UITableView内部使用了margin layout. 其实只需要如下这样子就可以实现分割线的控制. 复制代码 代码如下: -(void)tableView:(UITableView )tableView willDisplayCell:(UITableViewCell )cell forRowAtIndexPath:(NSIndexPath *)indexPath {     // 下面

  • 改变iOS应用中UITableView的背景颜色与背景图片的方法

    改变UITableView的header.footer背景颜色 改变UITableView的header.footer背景颜色,这是个很常见的问题.之前知道的一般做法是,通过实现tableView: viewForHeaderInSection:返回一个自定义的View,里面什么都不填,只设背景颜色.但是今天发现一个更简洁的做法: 对于iOS 6及以后的系统,实现这个新的delegate函数即可: 复制代码 代码如下: - (void)tableView:(UITableView *)table

  • IOS UITableViewCell详解及按钮点击事件处理实例

    IOS UITableViewCell详解及按钮点击事件处理 今天突然做项目的时候,又遇到处理自定义的UITableViewCell上按钮的点击事件问题.我知道有两种方式,可是突然想不起来之前是怎么做的了,好记性不如烂笔头,还是记录一下吧. 1.第一种方式给Button加上tag值 这里分为两种:一种是直接在原生的UITableViewCell上添加UIButton按钮,然后给UIButton设置tag值,然后在控制器里的方法里通过取数据,做界面跳转等.还是举个例子吧,省的回忆半天. - (UI

  • ios实现UITableView之间圆角和间隙

    ios实现UITableView之间圆角和间隙效果,上图 实现UITableView 之间的圆角和间隙 废话不多说,直接上代码 第一步 去除系统默认tableview分割线 [self.homeView.tableOrder setSeparatorStyle:UITableViewCellSeparatorStyleNone]; 第二步 //cell自定义 -(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSStr

随机推荐