原生效果集成UITableViewCell左滑多个按钮转载于CocoaChina

转载 2015年11月18日 18:51:13

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



pexels-photo-large.jpg

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

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

1.gif

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

1
2
- (nullable NSArray
*)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath

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

2.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有一个

1
- (void)willTransitionToState:(UITableViewCellStateMask)state

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

1
- (void)didTransitionToState:(UITableViewCellStateMask)state

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

1
2
- (nullable NSArray
*)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath

blob.png

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

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

blob.png

blob.png

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

3.gif

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

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

UITableViewCell左滑多个按钮

轻松学习之四--最简化原生效果集成UITableViewCell左滑多个按钮 侧滑删除是iOS中非常容易实现的一种效果,你只需要为你的UITableViewDataSource重写这...
  • Lu_Ca
  • Lu_Ca
  • 2016年05月13日 10:51
  • 1359

UITableView自定义左滑删除按钮(带图片)

转载请注明本文出自surfaceeee的博客(http://blog.csdn.NET/u010519146/article/details/42882635),请尊重他人的辛勤劳动成果,谢谢!本人一...
  • KurryGo
  • KurryGo
  • 2016年12月12日 11:24
  • 3035

iOS改变cell的侧滑显示图片

该想法只是为了赶工期,并且只能对一个按钮有效果。切记切记。有些时候要在侧滑的时候显示图片代替文字显示从简处理流程 1:在使用的cell里申明一个view一定强引用类型 2:在cell初始化的函数里加载...
  • whuizhou
  • whuizhou
  • 2016年05月20日 15:23
  • 1196

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

实现侧滑效果,资源来自网络。 侧滑删除是iOS中非常容易实现的一种效果,为UITableViewDataSource重写这个方法,系统就会自动添加这种操作。 - (void)table...
  • jiang314
  • jiang314
  • 2016年06月02日 10:39
  • 360

iOS原生效果集成UItableView左滑多个删除按钮

侧滑删除是iOS中非常容易实现的一种效果,你只需要为你的UITableViewDataSource重写这个方法,系统就会自动添加这种操作。 - (void)tableView:(UITable...
  • KurryGo
  • KurryGo
  • 2016年12月12日 11:36
  • 252

UITableViewCell 原生左滑菜单使用

UITableViewCell 原生左滑菜单使用写在前面的在iOS8以前,tableViewCell的左滑菜单是不能添加多个的,也不能定制颜色和标题,实现左滑的自定义菜单只能用第三方开源库或者自己写,...
  • wantbar
  • wantbar
  • 2017年02月08日 23:56
  • 269

UITableViewCell (左滑删除按钮及编辑模式)

左滑出现删除按钮 需要实现tableView的代理方法 /** * 只要实现了这个方法,左滑出现Delete按钮的功能就有了 * 点击了“左滑出现的Delete按钮”会调用这个方法 ...
  • yyjjyysleep
  • yyjjyysleep
  • 2017年01月24日 15:23
  • 92

iOS UITableViewCell (左滑删除按钮及编辑模式)

左滑出现删除按钮 * 需要实现tableView的代理方法 /** * 只要实现了这个方法,左滑出现Delete按钮的功能就有了 * 点击了“左滑出现的Delete按钮”会调用这个方法 */...
  • wzhicsdn
  • wzhicsdn
  • 2016年11月04日 16:05
  • 171

cell向左侧滑多个选项按钮效果

  • 2016年04月16日 23:15
  • 55KB
  • 下载

滑动UITableViewCell出现多个按钮

iOS > = 5.0使用第三方效果图 iOS> = 8.0使用系统方法效果图 MGSwipeTableCell(Github上的三方库)- iOS >= 5.0 直接使用比较简单 通过代码看一下...
  • hbblzjy
  • hbblzjy
  • 2016年06月29日 11:34
  • 700
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:原生效果集成UITableViewCell左滑多个按钮转载于CocoaChina
举报原因:
原因补充:

(最多只允许输入30个字)