简化原生效果_集成UITableViewCell左滑多个按钮

实现侧滑效果,资源来自网络。

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

    - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
简化原生效果_集成UITableViewCell左滑多个按钮_第1张图片
gif_01.gif

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

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

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

简化原生效果_集成UITableViewCell左滑多个按钮_第2张图片
gif_02.gif
在侧滑出来的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
简化原生效果_集成UITableViewCell左滑多个按钮_第3张图片
pic_01.png

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

但是这样返回的数组会永远是空,没错,因为UITableViewRowAction这个类在iOS8以下根本不存在,所以我们需要自己创建一个叫做UITableViewRowAction的类,再把它当作普通NSObject帮我们储存一些信息就好了,新建一个与UITableViewRowAction接口一模一样的类JZTableViewRowAction,在程序运行时创建一个叫UITableViewRowAction的类作为JZTableViewRowAction的子类,最后把它注册到运行时中去,这样我们就拥有了一个“很像”UITableViewRowAction类。


pic_03.png

pic_02.png

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


gif_03.gif

最后JZTableViewRowAction同时也支持给侧滑控件的按钮设置图片,设置enable状态,除非必要,未来也许会增加更多可自定义接口,


感谢:J_雨。

你可能感兴趣的:(UITableViewCell,UITableView,IOS原生效果)