iOS关于3DTouch预览导致TableView滑动卡顿问题的解决办法

今天同事突然发现App首页的列表在他的iPhone 6p上越滑越卡,到后面基本上是幻灯片的存在...顿时陷入沉思,不对啊,最近也没怎么动首页TableView的代码啊,怎么会突然之前这样呢?本文会从问题的发现,排除,快速定位,到最后解决问题的顺序一步步剖析,更多的是记录这次修复Bug的历程,最后的解决逻辑很简单,期待和大家一起进步。心急要解决问题的兄弟可以直接拉到最后。

1.发现问题

今天一早来公司,一个同事举着他的6p对我们说:“你看看这是嘛啊...怎么划不动啊...”我一看,果然,滑两下TableView,大概加载2页多就卡飞了...顿时想以是他机子太老了,物理内存不够用balabala等等原因回怼时...人家后面又说了一句:“你看人家今日头条怎么滑都没事~”。好吧,我看看好吧。


虽然是在iPhone X上录的,但上下滑动卡顿依旧非常明显.GIF

2.排除问题

没错,我和你想的一样,十有八九应该是那几个老问题导致的:

  • Cell高度计算问题:把同事写的SD自动计算行高写死后问题依旧存在。先排除!
///行高写死后依旧卡顿
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
  //return [self.tableView cellHeightForIndexPath:indexPath model:self.dataArray[indexPath.row] keyPath:@"model" cellClass:[JstyleNewsOnePlusImageVideoViewCell class] contentViewWidth:kScreenWidth];
return 200;
}
  • Cell上子控件大小位置异步渲染问题:把Cell上所有同事写的SDLayout约束全部注释掉后,问题依旧存在。先排除!(代码略了)
  • Cell没有被TableView注册复用:检查并更换DataSource方法后,确认注册、复用cell没有问题。先排除!
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    //省略部分防崩溃判断代码...
    JstyleNewsHomePageModel *model = self.dataArray[indexPath.row];
    switch ([model.type integerValue]) {
        case 1:{
            if ([model.head_type integerValue] == 1 && [model.isImageArticle integerValue] == 1) {
                static NSString *ID = @"JstyleNewsOnePlusImageArticleViewCell";
                /*换一种Cell复用方法,效果依旧卡顿,证明TableViewCell复用没有问题。
                JstyleNewsOnePlusImageArticleViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
                if (!cell) {
                    cell = [[JstyleNewsOnePlusImageArticleViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
                }
                */
                JstyleNewsOnePlusImageArticleViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID forIndexPath:indexPath];
                
                ///剧透:卡顿的原因就在这!Cell重复注册3DTouch预览!后面会说解决办法。
                [self registerForPreviewingWithDelegate:self sourceView:cell];

                if (indexPath.row < self.dataArray.count) {
                    cell.model = model;
                }
                cell.selectionStyle = UITableViewCellSelectionStyleNone;
                
                return cell;
            } //else if...
        //case 2:...
}
  • 内存泄露:使用instrument监控并测试后,除了几个第三方SDK导致的Leek之外,并没有自己调用方法产生的泄露。(本宝宝对instrument的使用还比较肤浅,后面会再仔细琢磨,大哥们勿喷...)先排除!


    UShareSDK和XMPPFramework中有泄露.png

3.定位问题

既然导致TableView卡顿的几大原因都排除了,那就要考虑额外的因素了。折腾这一顿后,静下心来仔细回忆最近到底有没有改过首页的TableView。然后...好像...好像...前些天闲来无事我是在首页加了一个3DTouch重按预览的功能!难道...
怀着鸡冻的心情仔细检查了一遍3DTouch转场代理方法,发现并木有什么问题:

#pragma mark - 3DTouch预览
- (UIViewController *)previewingContext:(id<UIViewControllerPreviewing>)previewingContext viewControllerForLocation:(CGPoint)location {
    
    NSIndexPath *indexPath = [self.tableView indexPathForCell:(UITableViewCell* )[previewingContext sourceView]];
    if ([self.dataArray[indexPath.row] isImageArticle].integerValue == 1) {
        JstylePictureTextViewController *pictureVC = [[JstylePictureTextViewController alloc] init];
        if (indexPath.row < self.dataArray.count) {
            pictureVC.rid = [self.dataArray[indexPath.row] id];
            CGRect rect = CGRectMake(0, 0, self.view.frame.size.width,[self.tableView cellForRowAtIndexPath:indexPath].height);
            previewingContext.sourceRect = rect;
        }
        return pictureVC;
        
    } else {
        JstyleNewsArticleDetailViewController *detailVC = [[JstyleNewsArticleDetailViewController alloc] init];
        detailVC.preferredContentSize = CGSizeMake(0.0f,500.0f);
        if (indexPath.row < self.dataArray.count) {
            detailVC.rid = [self.dataArray[indexPath.row] id];
            detailVC.titleModel = self.detailDataArray[indexPath.row];
            CGRect rect = CGRectMake(0, 0, self.view.frame.size.width,[self.tableView cellForRowAtIndexPath:indexPath].height);
            previewingContext.sourceRect = rect;
        }
        return detailVC;
    }
}

然后就又迷茫了,到底问题在哪?上个厕所,嘘嘘一下,冷静冷静...果然,卫生间是一个伟大的地方...提裤子的时候突然想到一个重大问题!3DTouch预览是需要提前注册代理并告知控制器SourceView是谁的!而这个注册方法...好像有点子问题:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
      static NSString *ID = @"JstyleNewsOnePlusImageArticleViewCell";
      JstyleNewsOnePlusImageArticleViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
      if (!cell) {
           cell = [[JstyleNewsOnePlusImageArticleViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
      }
      //!!!是他是他就是他!!!每一次滑动TableView复用Cell的时候都会注册一遍3DTouch代理!不卡才怪了!
      //[self registerForPreviewingWithDelegate:self sourceView:cell];注释掉之后,瞬间“纵享丝滑”!

      if (indexPath.row < self.dataArray.count) {
           cell.model = model;
      }
      cell.selectionStyle = UITableViewCellSelectionStyleNone;
      return cell;
}

既然已经发现根本问题所在了:因为每一次滑动都会在DataSource里面为当前Cell注册一遍3DTouch代理并指定SourceView。那么不写在DataSource返回Cell的方法里,写哪里呢?
-didSelectedRowAtIndexPath?点击时注册?
-willSelectRowAtIndexPath?马上点击时注册?
实验之后发现不太好,这两个TableView代理方法都只能在第一次点击cell,push到下一个控制器之后才能使用预览功能。因为这两个方法调用的时机类似UIControlEventTouchUpInside(不严谨,只做一个比喻),必须抬手才可以触发,而我们的3DTouch是不需要抬手的。

4.解决问题

既然已经确定了问题:因为Cell重复注册了3DTouch,那么如何只让每个Cell只注册一遍呢?上面废话说太多啦!直接上代码:

//
//  JstyleNewsBaseTableViewCell.h
//  JstyleNews
//
//  Created by 王磊 on 2018/1/25.
//  Copyright © 2018年 JstyleNews. All rights reserved.
//

///抽取一个BaseCell基类,后面的子类Cell只需继承
#import <UIKit/UIKit.h>

@interface JstyleNewsBaseTableViewCell : UITableViewCell

///是否设置过3DTouch代理
@property (nonatomic, assign , readonly) BOOL isAllreadySetupPreviewingDelegate;

/**
 给当前Cell设置3DTouch代理,方法内部自动判定是否已经设置过.
 
 @param controller 代理控制器
 */
- (void)setupPreviewingDelegateWithController:(UIViewController<UIViewControllerPreviewingDelegate> *)controller;

@end
//
//  JstyleNewsBaseTableViewCell.m
//  JstyleNews
//
//  Created by 王磊 on 2018/1/25.
//  Copyright © 2018年 JstyleNews. All rights reserved.
//

#import "JstyleNewsBaseTableViewCell.h"

@interface JstyleNewsBaseTableViewCell ()
///标识当前Cell是否注册过
@property (nonatomic, assign) BOOL isAllreadySetupPreviewingDelegate;

@end

@implementation JstyleNewsBaseTableViewCell

- (void)setupPreviewingDelegateWithController:(UIViewController<UIViewControllerPreviewingDelegate> *)controller {
    if (self.isAllreadySetupPreviewingDelegate == YES) {
        return;
    }
    if ([self respondsToSelector:@selector(traitCollection)]) {
        if ([self.traitCollection respondsToSelector:@selector(forceTouchCapability)]) {
            if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {
                [controller registerForPreviewingWithDelegate:controller sourceView:self];
                self.isAllreadySetupPreviewingDelegate = YES;
            } else {
                self.isAllreadySetupPreviewingDelegate = NO;
            }
        }
    }
}

- (BOOL)isAllreadySetupPreviewingDelegate {
    return _isAllreadySetupPreviewingDelegate;
}

然后我们只需要在数据源方法里面简单的调一下方法就完啦:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //防崩溃代码省略...
    JstyleNewsHomePageModel *model = self.dataArray[indexPath.row];
    switch ([model.type integerValue]) {
        case 1:{
            if ([model.head_type integerValue] == 1 && [model.isImageArticle integerValue] == 1) {
                static NSString *ID = @"JstyleNewsOnePlusImageArticleViewCell";
                JstyleNewsOnePlusImageArticleViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
                if (!cell) {
                    cell = [[JstyleNewsOnePlusImageArticleViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
                }
                
                ///就是这里
                [cell setupPreviewingDelegateWithController:self];

                if (indexPath.row < self.dataArray.count) {
                    cell.model = model;
                }
                cell.selectionStyle = UITableViewCellSelectionStyleNone;
                
                return cell;
            } //else if...
      //...
}

当然,这里防止Cell多次注册3DTouch的方法有很多,比如重写DESIGNATED_INITIALIZER方法,通过代理实现等等。我这里使用抽基类+标识属性实现也是图一个简单快速好实现,欢迎各位大神指点更好的方法。


纵享丝滑.GIF

5.总结

作者的个人能力尚浅,这篇文章更多的是帮助初级、中级iOSer整理遇到类似问题的思路,一个3DTouch是小,积累类似经验是大。希望能和大家一起进步!

(欢迎转载,请标明出处嘿嘿 )

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

推荐阅读更多精彩内容

  • 产品今天给了个需求,最简单的tableview上展示数据,不过有个问题是给的图片都是高清的,所以滑动的时候不流畅,...
    pengmengli阅读 4,356评论 1 20
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,943评论 4 60
  • 1.badgeVaule气泡提示 2.git终端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夹内容...
    i得深刻方得S阅读 4,607评论 1 9
  • 我个人觉得每个周末有必要给自己一天独处的时间,做自己想做或者没做的事情。所以我可以一个人品茶,听歌,看书,思考,写...
    年素衣阅读 355评论 1 2
  • 其实,我很小的时候……曾经很幼稚的想过…… 如果自己没出生过在这个世界就好了…… 很小的时候,看到了很多对自己的歧...
    Esther岑阅读 210评论 0 1