轻松学习之四--最简化原生效果集成UITableViewCell左滑多个按钮

侧滑删除是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 :-).

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,833评论 25 707
  • 生活真的很像一场戏 一眨眼我们也就17,18岁啦 现在好像可以把一生看透? 就是随流?读书实习工作结婚生子变老 哈...
    我有句话想和你说阅读 231评论 0 0
  • 马上就要初冬了,秋季似乎没有留下什么。 有些抱怨工作的压力,也有些对疾病的恐惧。 习惯了生活,也习惯了这个年纪。 ...
    jinlei_1523阅读 226评论 0 1
  • IMSong阅读 355评论 0 0