美文网首页v2panda的技术专题iOS进阶ios进阶
轻松学习之四--最简化原生效果集成UITableViewCell

轻松学习之四--最简化原生效果集成UITableViewCell

作者: J_雨 | 来源:发表于2015-11-13 11:14 被阅读14942次

侧滑删除是iOS中非常容易实现的一种效果,你只需要为你的UITableViewDataSource重写这个方法,系统就会自动添加这种操作。

    - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
gif_01.gif

从iOS8开始,苹果开放了这样一个API:

- (nullable NSArray<UITableViewRowAction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath

返回一个UITableViewRowAction数组,每一个"Action"代表一个侧滑删除的Button。这样侧滑每一行Cell可以有更多按钮提供给用户交互。

gif_02.gif

不幸地是这个API只在iOS8才有,这样iOS8以下就没办法使用到这种效果。这种情况下我们不得不使用第三方库或者自己重写UITableViewCell来“模拟”出这种效果,当然有几个库在侧滑控件上已经做得非常成熟了(这里我就推荐一个精品:https://github.com/MortimerGoro/MGSwipeTableCell 支持多种侧滑模式,算得上是侧滑控件里的玛莎拉蒂)。


但是,如果你跟我一样,更喜欢苹果的原生效果,又想在iOS8系统以下使用,那么你也许可以试下这个库 JZTableViewRowAction https://github.com/JazysYu/JZTableViewRowAction
只要拖两个.m文件到工程里,你的iOS8以下设备也就会自动集成这种效果了。


虽然我还是建议你至少要下载使用一次并阅读一下我的源码,不过你仍然可以在没有任何准备的情况下来看下面的讲解(下面的内容只围绕iOS8系统版本以下):

我的做法是,在侧滑出来的View(那个红色的"Delete" button),上面增加若干个我们想要的Button,所以需要找到一个合适的时机去做这个事情,我们知道,UITableViewCell有一个

- (void)willTransitionToState:(UITableViewCellStateMask)state

方法,当用户在某一行刚开始进行侧滑并且侧滑的Button还没有展现出来时,state的值就为 UITableViewCellStateShowingDeleteConfirmationMask,这个时机就再合适不过,但是,由于Cell的侧滑View是懒加载,所以这时它还没有被创建出来,但要等到与之对应的方法

- (void)didTransitionToState:(UITableViewCellStateMask)state

调用的话,却又已经展现给用户了,为时已晚,能想到的最好、最稳定的时机就是只要一过 willTransitionToState:这个方法,就开始“改造”这个View,所以最好的办法就是延时,只要这个方法一过,侧滑的View就会被创建了,之后我们可以通过遍历UICollectionViewCell的Subviews找到这个View,我们在这里模拟UITableView调用一次UITableViewDataSource的这个方法来获取外部创建的UITableViewRowAction数组:

- (nullable NSArray<UITableViewRowAction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath
pic_01.png

根据数组里的每一个"rowAction"在这个View上面增加对应个数的UIButton就可以了。

但是这样返回的数组会永远是空,没错,因为UITableViewRowAction这个类在iOS8以下根本不存在,所以我们需要自己创建一个叫做UITableViewRowAction的类,再把它当作普通NSObject帮我们储存一些信息就好了,于是,在阅读@我就叫Sunny怎么了FDStuckView源码后给我带来了许多灵感,按照他的思路,我们新建一个与UITableViewRowAction接口一模一样的类JZTableViewRowAction,在程序运行时创建一个叫UITableViewRowAction的类作为JZTableViewRowAction的子类,最后把它注册到运行时中去,这样我们就拥有了一个“很像”UITableViewRowAction类。

pic_03.png
pic_02.png

这里可能有些朋友会有疑问,为什么要创建一个JZTableViewRowAction并且根本没有用到?这个问题可以这样回答你:如果你不创建它的话,你就需要写更多的运行时代码来为你新创建的UITableViewRowAction增加方法、属性等等,所以,相比于这个情况,我更喜欢利用继承的特性来做。这样就实现了我们想要的效果:

gif_03.gif

最后JZTableViewRowAction同时也支持给侧滑控件的按钮设置图片,设置enable状态,除非必要,未来也许会增加更多可自定义接口,欢迎学习或使用 https://github.com/JazysYu/JZTableViewRowAction

我更喜欢写一些抛砖引玉的文章分享给大家,希望能给大家带来些许灵感,也欢迎微博@J_雨 一起探讨。One should coding to live,not live to coding :-).

相关文章

网友评论

  • c2745fddd569:为什么用self调用一下,我注释掉了,也没问题。
    [self __willTransitionToState:state];
  • azhunchen:真是太棒了:clap:
  • NieFeng1024:这个运行时用的好厉害,赞
  • 潮人花钱不用钱:楼主啥时候跟新下哇,我们项目中用的这个三方库,现在想适配8.0以上的就不能用了哇
  • b7cccc10e2eb:求救呀。。。help
  • b7cccc10e2eb:按钮图片的大小怎么设置啊常态和高亮状态不同图片怎么设置呀,大神
  • 我爱吃大糖饼:看了下,写的真好,学习了。👍
  • pikacode:受你启发,发现了更简单一点的方法 :grin:
    J_雨:@Pikacode 分享一下吧
  • 槑头脑:好巧 我封装的 也叫 JZ。。。。
  • mdiep:上文中应该是遍历“UITableViewCell”,你可能不小心写成了“ UICollectionViewCell”
  • mjSong:你好,我想问一下点击事件怎么实现啊
    我爱吃大糖饼:@mjSong 同问,cell里用什么区分UITableViewRowAction?
  • 彭小坚:请问一下,您怎么知道cell 里面存在一个“_swipeToDeleteConfirmationView”这样的对象?
  • firecolen:请问一下,文字和图片不可以一起存在的吗?
  • 天下无贼:神哥 你那一堆asm代码 是搞啥啊
  • 逝水流无痕:@J_雨,看了你的博客,感觉很兴奋,真是写的太好了……
  • 98342230dc19:所以dispatch_after那里如果填0秒是不是应该也可以呢?
    3937b6c7719a:@Huanhoo 同问,如果不延迟会有什么问题吗?
  • fcdc8375984e:你好,我想问一下是否可以改变button的大小?
    fcdc8375984e:@J_雨 我看了一下源码,还是没有找到地方耶,可以麻烦你截图一下吗?谢谢
    J_雨:@雪归长安 可以啊,改高度的话就是改当前cell那行的高度,宽度的话就用占位符增加,具体看demo
  • engebei:屌屌屌,必须支持,希望大神以后多封装一些这样的控件
  • 嚤仌啾啾:这样相比ios8,侧滑按钮大小只能取最大的一个作为宽度了。
  • ColeX:棒
  • 十一岁的加重:膜拜大神,谢谢分享,先收藏了
  • jetson:Mark下...谢谢雨神分享

本文标题:轻松学习之四--最简化原生效果集成UITableViewCell

本文链接:https://www.haomeiwen.com/subject/rbuhhttx.html