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

 更新时间:2016年03月11日 09:14:09   作者:ForeverYoung21  
这篇文章主要介绍了iOS App中UITableView左滑出现删除按钮及其cell的重用的方法,实例代码为传统的Objective-C语言,需要的朋友可以参考下

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。

相关文章

  • iOS开发之topLayoutGuide和bottomLayoutGuide的使用小技巧分享

    iOS开发之topLayoutGuide和bottomLayoutGuide的使用小技巧分享

    这篇文章主要给大家介绍了关于iOS开发之topLayoutGuide和bottomLayoutGuide使用的一些小技巧,需要的朋友可以参考下
    2017-11-11
  • iOS开发之widget实现详解

    iOS开发之widget实现详解

    这篇文章主要为大家详细介绍了iOS开发之widget实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS左右滑动标签页导航的设计

    iOS左右滑动标签页导航的设计

    这篇文章主要为大家详细介绍了iOS左右滑动标签页导航的设计思路,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • iOS通过代理逆向传值的方式详解

    iOS通过代理逆向传值的方式详解

    在iOS开发中传值是几乎每个App都会用到的,对于传统的顺向传值应该说是比较简单的,但是逆向传值往往会用到代理模式来实现,很多同学在这一块有迷惑,迷惑的不是怎么逆向传值,而是不理解代理模式,下面这篇文章就给大家分析一下iOS通过代理逆向传值的方式。
    2016-12-12
  • iOS如何获取汉字(简体中文)笔画数详解

    iOS如何获取汉字(简体中文)笔画数详解

    这篇文章主要给大家介绍了关于iOS如何获取汉字(简体中文)笔画数的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • 解析iOS应用开发中对设计模式中的抽象工厂模式的实现

    解析iOS应用开发中对设计模式中的抽象工厂模式的实现

    这篇文章主要介绍了解析iOS应用开发中对设计模式中的抽象工厂模式的实现,示例代码为传统的Objective-C,需要的朋友可以参考下
    2016-03-03
  • iOS Swift利用UICollectionView实现无限轮播功能(原理)详解

    iOS Swift利用UICollectionView实现无限轮播功能(原理)详解

    无线轮播图的实现方式有很多,下面这篇文章主要给大家介绍了关于iOS Swift利用UICollectionView实现无限轮播功能(原理)的相关资料,需要的朋友可以参考下
    2018-09-09
  • iOS实现自动循环播放的banner实例详解

    iOS实现自动循环播放的banner实例详解

    轮播视图通常也叫Banner,90%以上App都会用到的一个控件,网上有很多开源代码,下面这篇文章主要给大家介绍了关于利用iOS如何实现自动循环播放的banner的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-12-12
  • iOS 简单的操作杆旋转实现示例详解

    iOS 简单的操作杆旋转实现示例详解

    这篇文章主要为大家介绍了iOS 简单的操作杆旋转实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • iOS-GCD详解及简单使用

    iOS-GCD详解及简单使用

    这篇文章主要介绍了iOS-GCD详解的相关资料,并附简单的实例代码,帮助大家学习理解此部分的知识,需要的朋友可以参考下
    2016-11-11

最新评论