iOS關(guān)于3DTouch預覽導致TableView滑動卡頓問題的解決辦法

今天同事突然發(fā)現(xiàn)App首頁的列表在他的iPhone 6p上越滑越卡,到后面基本上是幻燈片的存在...頓時陷入沉思镜会,不對啊度宦,最近也沒怎么動首頁TableView的代碼啊,怎么會突然之前這樣呢似枕?本文會從問題的發(fā)現(xiàn),排除年柠,快速定位凿歼,到最后解決問題的順序一步步剖析,更多的是記錄這次修復Bug的歷程,最后的解決邏輯很簡單答憔,期待和大家一起進步味赃。心急要解決問題的兄弟可以直接拉到最后。

1.發(fā)現(xiàn)問題

今天一早來公司虐拓,一個同事舉著他的6p對我們說:“你看看這是嘛啊...怎么劃不動啊...”我一看心俗,果然,滑兩下TableView蓉驹,大概加載2頁多就卡飛了...頓時想以是他機子太老了城榛,物理內(nèi)存不夠用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約束全部注釋掉后,問題依舊存在罢吃。先排除3纭(代碼略了)
  • 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:...
}
  • 內(nèi)存泄露:使用instrument監(jiān)控并測試后虹统,除了幾個第三方SDK導致的Leek之外弓坞,并沒有自己調(diào)用方法產(chǎn)生的泄露。(本寶寶對instrument的使用還比較膚淺车荔,后面會再仔細琢磨渡冻,大哥們勿噴...)先排除!


    UShareSDK和XMPPFramework中有泄露.png

3.定位問題

既然導致TableView卡頓的幾大原因都排除了忧便,那就要考慮額外的因素了族吻。折騰這一頓后,靜下心來仔細回憶最近到底有沒有改過首頁的TableView。然后...好像...好像...前些天閑來無事我是在首頁加了一個3DTouch重按預覽的功能呼奢!難道...
懷著雞凍的心情仔細檢查了一遍3DTouch轉(zhuǎn)場代理方法宜雀,發(fā)現(xiàn)并木有什么問題:

#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;
    }
}

然后就又迷茫了,到底問題在哪?上個廁所握础,噓噓一下辐董,冷靜冷靜...果然,衛(wèi)生間是一個偉大的地方...提褲子的時候突然想到一個重大問題禀综!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];
      }
      //!6稀孤澎!是他是他就是他!G分稀覆旭!每一次滑動TableView復用Cell的時候都會注冊一遍3DTouch代理!不卡才怪了岖妄!
      //[self registerForPreviewingWithDelegate:self sourceView:cell];注釋掉之后型将,瞬間“縱享絲滑”!

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

既然已經(jīng)發(fā)現(xiàn)根本問題所在了:因為每一次滑動都會在DataSource里面為當前Cell注冊一遍3DTouch代理并指定SourceView荐虐。那么不寫在DataSource返回Cell的方法里七兜,寫哪里呢?
-didSelectedRowAtIndexPath?點擊時注冊福扬?
-willSelectRowAtIndexPath?馬上點擊時注冊腕铸?
實驗之后發(fā)現(xiàn)不太好,這兩個TableView代理方法都只能在第一次點擊cell铛碑,push到下一個控制器之后才能使用預覽功能狠裹。因為這兩個方法調(diào)用的時機類似UIControlEventTouchUpInside(不嚴謹,只做一個比喻),必須抬手才可以觸發(fā)亚茬,而我們的3DTouch是不需要抬手的酪耳。

4.解決問題

既然已經(jīng)確定了問題:因為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

///是否設(shè)置過3DTouch代理
@property (nonatomic, assign , readonly) BOOL isAllreadySetupPreviewingDelegate;

/**
 給當前Cell設(shè)置3DTouch代理,方法內(nèi)部自動判定是否已經(jīng)設(shè)置過.
 
 @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;
}

然后我們只需要在數(shù)據(jù)源方法里面簡單的調(diào)一下方法就完啦:

- (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方法言疗,通過代理實現(xiàn)等等。我這里使用抽基類+標識屬性實現(xiàn)也是圖一個簡單快速好實現(xiàn)颂砸,歡迎各位大神指點更好的方法噪奄。


縱享絲滑.GIF

5.總結(jié)

作者的個人能力尚淺死姚,這篇文章更多的是幫助初級、中級iOSer整理遇到類似問題的思路勤篮,一個3DTouch是小都毒,積累類似經(jīng)驗是大。希望能和大家一起進步碰缔!

(歡迎轉(zhuǎn)載账劲,請標明出處嘿嘿 )

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市金抡,隨后出現(xiàn)的幾起案子瀑焦,更是在濱河造成了極大的恐慌,老刑警劉巖梗肝,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件榛瓮,死亡現(xiàn)場離奇詭異,居然都是意外死亡巫击,警方通過查閱死者的電腦和手機禀晓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來坝锰,“玉大人匆绣,你說我怎么就攤上這事∈埠冢” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵堪夭,是天一觀的道長愕把。 經(jīng)常有香客問我,道長森爽,這世上最難降的妖魔是什么恨豁? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮爬迟,結(jié)果婚禮上橘蜜,老公的妹妹穿的比我還像新娘。我一直安慰自己付呕,他們只是感情好计福,可當我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著徽职,像睡著了一般象颖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上姆钉,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天说订,我揣著相機與錄音抄瓦,去河邊找鬼。 笑死陶冷,一個胖子當著我的面吹牛钙姊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播埂伦,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼煞额,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了赤屋?” 一聲冷哼從身側(cè)響起立镶,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎类早,沒想到半個月后媚媒,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡涩僻,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年缭召,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片逆日。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡嵌巷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出室抽,到底是詐尸還是另有隱情搪哪,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布坪圾,位于F島的核電站晓折,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏兽泄。R本人自食惡果不足惜漓概,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望病梢。 院中可真熱鬧胃珍,春花似錦、人聲如沸蜓陌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钮热。三九已至缔莲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間霉旗,已是汗流浹背痴奏。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工蛀骇, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人读拆。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓擅憔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親檐晕。 傳聞我的和親對象是個殘疾皇子暑诸,可洞房花燭夜當晚...
    茶點故事閱讀 42,722評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 產(chǎn)品今天給了個需求个榕,最簡單的tableview上展示數(shù)據(jù),不過有個問題是給的圖片都是高清的芥喇,所以滑動的時候不流暢西采,...
    pengmengli閱讀 4,372評論 1 20
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件继控、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,022評論 4 62
  • 1.badgeVaule氣泡提示 2.git終端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夾內(nèi)容...
    i得深刻方得S閱讀 4,631評論 1 9
  • 我個人覺得每個周末有必要給自己一天獨處的時間械馆,做自己想做或者沒做的事情。所以我可以一個人品茶武通,聽歌霹崎,看書,思考冶忱,寫...
    年素衣閱讀 356評論 1 2
  • 其實尾菇,我很小的時候……曾經(jīng)很幼稚的想過…… 如果自己沒出生過在這個世界就好了…… 很小的時候,看到了很多對自己的歧...
    Esther岑閱讀 211評論 0 1