RunLoop-UITableViewCell加載高清大圖的速度優(yōu)化

iOS開發(fā)中,UITableView的優(yōu)化一直是一個老生常談的問題,除了常用的預(yù)加載础嫡,緩存等方法以外,其實(shí)利用RunLoop 的循環(huán)也可以實(shí)現(xiàn)超清大圖的流暢加載酝惧,具體的使用方法我們利用一個demo來詳細(xì)理解:

首先榴鼎,我們有一個需求,就是要從網(wǎng)絡(luò)加載高清大圖到UITableViewCell上晚唇,而且每個Cell上面加載多張圖片,當(dāng)cell數(shù)量過多的時候哩陕,我們需要保持流暢度和加載速度平项。
那么我們做一個簡單的分析:

1,因?yàn)檫@里用到了Runloop循環(huán),那么我們可以監(jiān)聽到runloop的每次循環(huán),
在每一次循環(huán)當(dāng)中我們考慮去進(jìn)行一次圖片下載和布局悍及。
2,既然要在每次循環(huán)執(zhí)行一次任務(wù)闽瓢,
我們可以先把所有圖片加載的任務(wù)代碼塊添加到一個數(shù)組當(dāng)中,
每次循環(huán)取出第一個任務(wù)進(jìn)行執(zhí)行心赶。*
3,因?yàn)閞unloop在閑置的時候會自動休眠鸳粉,
所以我們要想辦法讓runloop始終處于循環(huán)中的狀態(tài)。

好的园担,那么我們就可以開始考慮代碼實(shí)現(xiàn):

第一步届谈,先把uitableview基本效果實(shí)現(xiàn)

@property (strong,nonatomic) UITableView* showImageTableView;
//懶加載
-(UITableView *)showImageTableView{

    if (!_showImageTableView) {
        _showImageTableView = [[UITableView alloc]initWithFrame:[UIScreen mainScreen].bounds style:UITableViewStylePlain];
        _showImageTableView.backgroundColor = [UIColor yellowColor];
        _showImageTableView.delegate = self;
        _showImageTableView.dataSource = self;
    }
    
    return _showImageTableView;
}
//注冊
    [self.showImageTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:ShowImageTableViewReusableIdentifier];
//添加
    [self.view addSubview:self.showImageTableView];
//數(shù)據(jù)源代理
#pragma mark- UITableViewDelegate
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:ShowImageTableViewReusableIdentifier];
    //每個cell中添加3張圖片
    for (int i = 0; i < 3; i++)
    {
       #這里是添加圖片的方法
    }
    
    return cell;
}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    return 399;
}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

    return 135;
}

第二步,初始化可變數(shù)組用來存儲任務(wù)(代碼塊)

typedef void(^SaveFuncBlock)();

//存放任務(wù)的數(shù)組
@property (nonatomic, strong) NSMutableArray *saveTaskMarr;

//最大任務(wù)數(shù)(超過最大任務(wù)數(shù)的任務(wù)就停止執(zhí)行)
@property (nonatomic, assign) NSInteger maxTasksNumber;

//任務(wù)執(zhí)行的代碼塊
@property (nonatomic, copy) SaveFuncBlock saveFuncBlock;


-(NSMutableArray *)saveTaskMarr{

    if (!_saveTaskMarr) {
        
        _saveTaskMarr = [NSMutableArray array];
    }
    
    return _saveTaskMarr;
}

    self.maxTasksNumber = 18;

第三步弯汰,新建cell添加圖片的方法

-(void)addImageToCell:(UITableViewCell*)cell andTag:(NSInteger)tag{
 
    UIImageView* cellImageView = [[UIImageView alloc]initWithFrame:CGRectMake(tag*(ImageWidth+5), 5, ImageWidth, ImageHeight)];
    
    dispatch_async(dispatch_get_global_queue(0,0), ^{
        
        NSData* imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://img5.duitang.com/uploads/item/201312/14/20131214173346_iVKdT.jpeg"]];
        
        dispatch_async(dispatch_get_main_queue(), ^{
            
            cellImageView.image = [UIImage imageWithData:imageData];
            [cell.contentView addSubview:cellImageView];
        });
    });
}

第四步艰山,將任務(wù)添加到數(shù)組保存


//添加任務(wù)進(jìn)數(shù)組保存
-(void)addTasks:(SaveFuncBlock)taskBlock{

    [self.saveTaskMarr addObject:taskBlock];
    //超過每次最多執(zhí)行的任務(wù)數(shù)就移出當(dāng)前數(shù)組
    if (self.saveTaskMarr.count > self.maxTasksNumber) {
        
        [self.saveTaskMarr removeObjectAtIndex:0];
    }
    
}

第五步,在cellForRow方法當(dāng)中咏闪,添加方法:

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:ShowImageTableViewReusableIdentifier];
    
    for (int i = 0; i < 3; i++)
    {
        //添加任務(wù)到數(shù)組
        __weak typeof(self) weakSelf = self;
        [self addTasks:^{
            //下載圖片的任務(wù)
            [weakSelf addImageToCell:cell andTag:i];
        }];
    }
    
    return cell;
}

第六步曙搬,監(jiān)聽RunLoop

 //注冊監(jiān)聽
    [self addRunloopObserver];


//這里面都是C語言 -- 添加一個監(jiān)聽者
-(void)addRunloopObserver{
    //獲取當(dāng)前的RunLoop
    CFRunLoopRef runloop = CFRunLoopGetCurrent();
    //定義一個centext
    CFRunLoopObserverContext context = {
        0,
        ( __bridge void *)(self),
        &CFRetain,
        &CFRelease,
        NULL
    };
    //定義一個觀察者
    static CFRunLoopObserverRef defaultModeObsever;
    //創(chuàng)建觀察者
    defaultModeObsever = CFRunLoopObserverCreate(NULL,
                                                 kCFRunLoopBeforeWaiting,
                                                 YES,
                                                 NSIntegerMax - 999,
                                                 &Callback,
                                                 &context
                                                 );
    
    //添加當(dāng)前RunLoop的觀察者
    CFRunLoopAddObserver(runloop, defaultModeObsever, kCFRunLoopDefaultMode);
    //c語言有creat 就需要release
    CFRelease(defaultModeObsever);
}

第七步,也是最關(guān)鍵的步驟,使用定時器纵装,保持RunLoop循環(huán)中征讲。

//定時器,保證runloop一直處于循環(huán)中
@property (nonatomic, weak) NSTimer *timer;

self.timer = [NSTimer scheduledTimerWithTimeInterval:0.001 target:self selector:@selector(setRunLoop) userInfo:nil repeats:YES];

//此方法主要是利用計(jì)時器事件保持runloop處于循環(huán)中橡娄,不用做任何處理
-(void)setRunLoop{}

最后一步诗箍,在runLoop循環(huán)中去處理事件

//MARK: 回調(diào)函數(shù)
//定義一個回調(diào)函數(shù)  一次RunLoop來一次
static void Callback(CFRunLoopObserverRef observer, CFRunLoopActivity activity, void *info){
    ViewController * vcSelf = (__bridge ViewController *)(info);
    
    if (vcSelf.saveTaskMarr.count > 0) {
        
        //獲取一次數(shù)組里面的任務(wù)并執(zhí)行
        SaveFuncBlock funcBlock = vcSelf.saveTaskMarr.firstObject;
        funcBlock();
        [vcSelf.saveTaskMarr removeObjectAtIndex:0];
    }
}

好啦。到此為止挽唉,我們想要的效果就基本出來了滤祖,大家可以去試試??,同樣的道理也可以應(yīng)用于其他場景瓶籽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末匠童,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子塑顺,更是在濱河造成了極大的恐慌汤求,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件严拒,死亡現(xiàn)場離奇詭異扬绪,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)糙俗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進(jìn)店門勒奇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來预鬓,“玉大人巧骚,你說我怎么就攤上這事「穸” “怎么了劈彪?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長顶猜。 經(jīng)常有香客問我沧奴,道長,這世上最難降的妖魔是什么长窄? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任滔吠,我火速辦了婚禮,結(jié)果婚禮上挠日,老公的妹妹穿的比我還像新娘疮绷。我一直安慰自己,他們只是感情好嚣潜,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布冬骚。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪只冻。 梳的紋絲不亂的頭發(fā)上庇麦,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天,我揣著相機(jī)與錄音喜德,去河邊找鬼山橄。 笑死,一個胖子當(dāng)著我的面吹牛住诸,可吹牛的內(nèi)容都是我干的驾胆。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼贱呐,長吁一口氣:“原來是場噩夢啊……” “哼丧诺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起奄薇,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤驳阎,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后馁蒂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呵晚,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年沫屡,在試婚紗的時候發(fā)現(xiàn)自己被綠了饵隙。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡沮脖,死狀恐怖金矛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情勺届,我是刑警寧澤驶俊,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站免姿,受9級特大地震影響饼酿,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜胚膊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一故俐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧紊婉,春花似錦药版、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽惩妇。三九已至,卻和暖如春筐乳,著一層夾襖步出監(jiān)牢的瞬間歌殃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工蝙云, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留氓皱,地道東北人。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓勃刨,卻偏偏與公主長得像波材,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子身隐,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評論 2 348

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