UITableViewCell 左滑 多个按钮

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

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


gif_01.gifgithub


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

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

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


gif_02.gifspa


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


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


虽然我仍是建议你至少要下载使用一次并阅读一下个人源码,不过你仍然能够在没有任何准备的状况下来看下面的讲解(下面的内容只围绕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 :-).