最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

舉例講解iOS中延遲加載和上拉刷新/下拉加載的實(shí)現(xiàn)

 更新時(shí)間:2015年09月11日 09:24:19   作者:TommyYaphetS  
這篇文章主要介紹了舉例講解iOS中延遲加載和上拉刷新/下拉加載的實(shí)現(xiàn),語(yǔ)言依然為傳統(tǒng)的Objective-C,需要的朋友可以參考下

lazy懶加載(延遲加載)UITableView
舉個(gè)例子,當(dāng)我們?cè)谟镁W(wǎng)易新聞App時(shí),看著那么多的新聞,并不是所有的都是我們感興趣的,有的時(shí)候我們只是很快的滑過(guò),想要快速的略過(guò)不喜歡的內(nèi)容,但是只要滑動(dòng)經(jīng)過(guò)了,圖片就開(kāi)始加載了,這樣用戶體驗(yàn)就不太好,而且浪費(fèi)內(nèi)存.
             這個(gè)時(shí)候,我們就可以利用lazy加載技術(shù),當(dāng)界面滑動(dòng)或者滑動(dòng)減速的時(shí)候,都不進(jìn)行圖片加載,只有當(dāng)用戶不再滑動(dòng)并且減速效果停止的時(shí)候,才進(jìn)行加載.
              剛開(kāi)始我異步加載圖片利用SDWebImage來(lái)做,最后試驗(yàn)的時(shí)候出現(xiàn)了重用bug,因?yàn)殡m然SDWebImage實(shí)現(xiàn)了異步加載緩存,當(dāng)加載完圖片后再請(qǐng)求會(huì)直接加載緩存中的圖片,注意注意注意,關(guān)鍵的來(lái)了,如果是lazy加載,滑動(dòng)過(guò)程中是不進(jìn)行網(wǎng)絡(luò)請(qǐng)求的,cell上的圖片就會(huì)發(fā)生重用,當(dāng)你停下來(lái)能進(jìn)行網(wǎng)絡(luò)請(qǐng)求的時(shí)候,才會(huì)變回到當(dāng)前Cell應(yīng)有的圖片,大概1-2秒的延遲吧(不算延遲,就是沒(méi)有進(jìn)行請(qǐng)求,也不是沒(méi)有緩存的問(wèn)題).怎么解決呢?這個(gè)時(shí)候我們就要在Model對(duì)象中定義個(gè)一個(gè)UIImage的屬性,異步下載圖片后,用已經(jīng)緩存在沙盒中的圖片路徑給它賦值,這樣,才cellForRowAtIndexPath方法中,判斷這個(gè)UIImage對(duì)象是否為空,若為空,就進(jìn)行網(wǎng)絡(luò)請(qǐng)求,不為空,就直接將它賦值給cell的imageView對(duì)象,這樣就能很好的解決圖片短暫重用問(wèn)題.
              @下面我的代碼用的是自己寫(xiě)的異步加載緩存類(lèi),SDWebImage的加載圖片的懶加載,會(huì)在后面的章節(jié)給出.(為什么不同呢,因?yàn)镾DWebImage我以前使用重來(lái)不關(guān)心它將圖片存儲(chǔ)在沙盒中的名字和路徑,但是要實(shí)現(xiàn)懶加載的話,一定要得到圖片路徑,所以在找SDWebImage如何存儲(chǔ)圖片路徑上花了點(diǎn)時(shí)間)

復(fù)制代碼 代碼如下:

@model類(lèi) 
#import <Foundation/Foundation.h> 
 
@interface NewsItem : NSObject 
 
@property (nonatomic,copy) NSString * newsTitle; 
@property (nonatomic,copy) NSString * newsPicUrl; 
@property (nonatomic,retain) UIImage * newsPic; //  存儲(chǔ)每個(gè)新聞自己的image對(duì)象 
 
- (id)initWithDictionary:(NSDictionary *)dic; 
 
//  處理解析 
+ (NSMutableArray *)handleData:(NSData *)data; 
@end 
 
 
#import "NewsItem.h" 
#import "ImageDownloader.h" 
 
@implementation NewsItem 
 
- (void)dealloc 

    self.newsTitle = nil; 
    self.newsPicUrl = nil; 
    self.newsPic = nil; 
    [super dealloc]; 

 
- (id)initWithDictionary:(NSDictionary *)dic 

    self = [super init]; 
    if (self) { 
 
 
        self.newsTitle = [dic objectForKey:@"title"]; 
        self.newsPicUrl = [dic objectForKey:@"picUrl"]; 
         
        //從本地沙盒加載圖像 
        ImageDownloader * downloader = [[[ImageDownloader alloc] init] autorelease]; 
        self.newsPic = [downloader loadLocalImage:_newsPicUrl]; 
 
    } 
 
    return self; 

 
+ (NSMutableArray *)handleData:(NSData *)data; 

 
        //解析數(shù)據(jù) 
        NSError * error = nil; 
        NSDictionary * dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:&error]; 
        NSMutableArray * originalArray = [dic objectForKey:@"news"]; 
 
        //封裝數(shù)據(jù)對(duì)象 
        NSMutableArray * resultArray = [NSMutableArray array]; 
     
        for (int i=0 ;i<[originalArray count]; i++) { 
            NSDictionary * newsDic = [originalArray objectAtIndex:i]; 
            NewsItem * item = [[NewsItem alloc] initWithDictionary:newsDic]; 
            [resultArray addObject:item]; 
            [item release]; 
        } 
 
        return resultArray; 
 

 
@end 

復(fù)制代碼 代碼如下:

@圖片下載類(lèi) 
#import <Foundation/Foundation.h> 
 
 
@class NewsItem; 
 
 
@interface ImageDownloader : NSObject 
 
 
@property (nonatomic,copy) NSString * imageUrl; 
@property (nonatomic,retain) NewsItem * newsItem; //下載圖像所屬的新聞 
 
 
//圖像下載完成后,使用block實(shí)現(xiàn)回調(diào) 
@property (nonatomic,copy) void (^completionHandler)(void); 
 
 
//開(kāi)始下載圖像 
- (void)startDownloadImage:(NSString *)imageUrl; 
 
 
//從本地加載圖像 
- (UIImage *)loadLocalImage:(NSString *)imageUrl; 
 
 
@end 
 
 
 
 
#import "ImageDownloader.h" 
#import "NewsItem.h" 
 
 
@implementation ImageDownloader 
 
 
- (void)dealloc 

    self.imageUrl = nil; 
    Block_release(_completionHandler); 
    [super dealloc]; 

 
 
 
 
#pragma mark - 異步加載 
- (void)startDownloadImage:(NSString *)imageUrl 

 
 
    self.imageUrl = imageUrl; 
 
 
    // 先判斷本地沙盒是否已經(jīng)存在圖像,存在直接獲取,不存在再下載,下載后保存 
    // 存在沙盒的Caches的子文件夾DownloadImages中 
    UIImage * image = [self loadLocalImage:imageUrl]; 
 
 
    if (image == nil) { 
 
 
        // 沙盒中沒(méi)有,下載 
        // 異步下載,分配在程序進(jìn)程缺省產(chǎn)生的并發(fā)隊(duì)列 
        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ 
 
 
            // 多線程中下載圖像 
            NSData * imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageUrl]]; 
 
 
            // 緩存圖片 
            [imageData writeToFile:[self imageFilePath:imageUrl] atomically:YES]; 
 
 
            // 回到主線程完成UI設(shè)置 
            dispatch_async(dispatch_get_main_queue(), ^{ 
 
 
                //將下載的圖像,存入newsItem對(duì)象中 
                UIImage * image = [UIImage imageWithData:imageData]; 
                self.newsItem.newsPic = image; 
 
 
                //使用block實(shí)現(xiàn)回調(diào),通知圖像下載完成 
                if (_completionHandler) { 
                    _completionHandler(); 
                } 
                 
            }); 
             
        }); 
    } 
     

 
#pragma mark - 加載本地圖像 
- (UIImage *)loadLocalImage:(NSString *)imageUrl 

 
    self.imageUrl = imageUrl; 
 
 
    // 獲取圖像路徑 
    NSString * filePath = [self imageFilePath:self.imageUrl]; 
 
 
    UIImage * image = [UIImage imageWithContentsOfFile:filePath]; 
 
 
    if (image != nil) { 
        return image; 
    } 
 
    return nil; 

 
#pragma mark - 獲取圖像路徑 
- (NSString *)imageFilePath:(NSString *)imageUrl 

    // 獲取caches文件夾路徑 
    NSString * cachesPath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject]; 
 
 
    // 創(chuàng)建DownloadImages文件夾 
    NSString * downloadImagesPath = [cachesPath stringByAppendingPathComponent:@"DownloadImages"]; 
    NSFileManager * fileManager = [NSFileManager defaultManager]; 
    if (![fileManager fileExistsAtPath:downloadImagesPath]) { 
 
 
        [fileManager createDirectoryAtPath:downloadImagesPath withIntermediateDirectories:YES attributes:nil error:nil]; 
    } 
 
 
#pragma mark 拼接圖像文件在沙盒中的路徑,因?yàn)閳D像URL有"/",要在存入前替換掉,隨意用"_"代替 
    NSString * imageName = [imageUrl stringByReplacingOccurrencesOfString:@"/" withString:@"_"]; 
    NSString * imageFilePath = [downloadImagesPath stringByAppendingPathComponent:imageName]; 
 
 
    return imageFilePath; 

 
@end 

復(fù)制代碼 代碼如下:

@這里只給出關(guān)鍵代碼,網(wǎng)絡(luò)請(qǐng)求,數(shù)據(jù)處理,自定義cell自行解決 
 
#pragma mark - Table view data source 
 
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 

    // Return the number of sections. 
    return 1; 

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

    // Return the number of rows in the section. 
    if (_dataArray.count == 0) { 
        return 10; 
    } 
    return [_dataArray count]; 

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

    static NSString *cellIdentifier = @"Cell"; 
    NewsListCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier ]; 
    if (!cell) { 
        cell = [[[NewsListCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier] autorelease]; 
    } 
 
    NewsItem * item = [_dataArray objectAtIndex:indexPath.row]; 
 
    cell.titleLabel.text = item.newsTitle; 
 
    //判斷將要展示的新聞?dòng)袩o(wú)圖像 
 
    if (item.newsPic == nil) { 
        //沒(méi)有圖像下載 
        cell.picImageView.image = nil; 
         
        NSLog(@"dragging = %d,decelerating = %d",self.tableView.dragging,self.tableView.decelerating); 
        // ??執(zhí)行的時(shí)機(jī)與次數(shù)問(wèn)題 
        if (self.tableView.dragging == NO && self.tableView.decelerating == NO) { 
            [self startPicDownload:item forIndexPath:indexPath]; 
        } 
 
    }else{ 
        //有圖像直接展示 
        NSLog(@"1111"); 
        cell.picImageView.image = item.newsPic; 
 
    } 
     
    cell.titleLabel.text = [NSString stringWithFormat:@"indexPath.row = %ld",indexPath.row]; 
 
    return cell; 

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

    return [NewsListCell cellHeight]; 

 
//開(kāi)始下載圖像 
- (void)startPicDownload:(NewsItem *)item forIndexPath:(NSIndexPath *)indexPath 

    //創(chuàng)建圖像下載器 
    ImageDownloader * downloader = [[ImageDownloader alloc] init]; 
 
    //下載器要下載哪個(gè)新聞的圖像,下載完成后,新聞保存圖像 
    downloader.newsItem = item; 
 
    //傳入下載完成后的回調(diào)函數(shù) 
    [downloader setCompletionHandler:^{ 
 
        //下載完成后要執(zhí)行的回調(diào)部分,block的實(shí)現(xiàn) 
        //根據(jù)indexPath獲取cell對(duì)象,并加載圖像 
#pragma mark cellForRowAtIndexPath-->沒(méi)看到過(guò) 
        NewsListCell * cell = (NewsListCell *)[self.tableView cellForRowAtIndexPath:indexPath]; 
        cell.picImageView.image = downloader.newsItem.newsPic; 
 
    }]; 
 
    //開(kāi)始下載 
    [downloader startDownloadImage:item.newsPicUrl]; 
 
    [downloader release]; 

 
 
- (void)loadImagesForOnscreenRows 

#pragma mark indexPathsForVisibleRows-->沒(méi)看到過(guò) 
    //獲取tableview正在window上顯示的cell,加載這些cell上圖像。通過(guò)indexPath可以獲取該行上需要展示的cell對(duì)象 
    NSArray * visibleCells = [self.tableView indexPathsForVisibleRows]; 
    for (NSIndexPath * indexPath in visibleCells) { 
        NewsItem * item = [_dataArray objectAtIndex:indexPath.row]; 
        if (item.newsPic == nil) { 
            //如果新聞還沒(méi)有下載圖像,開(kāi)始下載 
            [self startPicDownload:item forIndexPath:indexPath]; 
        } 
    } 

 
#pragma mark - 延遲加載關(guān)鍵 
//tableView停止拖拽,停止?jié)L動(dòng) 
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate 

    //如果tableview停止?jié)L動(dòng),開(kāi)始加載圖像 
    if (!decelerate) { 
 
        [self loadImagesForOnscreenRows]; 
    } 
     NSLog(@"%s__%d__|%d",__FUNCTION__,__LINE__,decelerate); 

 
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 

    //如果tableview停止?jié)L動(dòng),開(kāi)始加載圖像 
    [self loadImagesForOnscreenRows]; 
 
}

下拉刷新和上拉加載的原理
很多App中,新聞或者展示類(lèi)都存在下拉刷新和上拉加載的效果,網(wǎng)上提供了實(shí)現(xiàn)這種效果的第三方類(lèi)(詳情請(qǐng)見(jiàn)MJRefresh和EGOTableViewPullRefresh),用起來(lái)很方便,但是閑暇之余,我們可以思考下,這種效果實(shí)現(xiàn)的原理是什么,我以前說(shuō)過(guò),只要是動(dòng)畫(huà)都是騙人的,只要不是硬件問(wèn)題大部分效果都能在系統(tǒng)UI的基礎(chǔ)上做出來(lái).
下面是關(guān)鍵代碼分析:

復(fù)制代碼 代碼如下:

// 下拉刷新的原理 
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView 

    if (scrollView.contentOffset.y < - 100) { 
         
        [UIView animateWithDuration:1.0 animations:^{ 
             
            //  frame發(fā)生偏移,距離頂部150的距離(可自行設(shè)定) 
            self.tableView.contentInset = UIEdgeInsetsMake(150.0f, 0.0f, 0.0f, 0.0f); 
        } completion:^(BOOL finished) { 
             
            /**
             *  發(fā)起網(wǎng)絡(luò)請(qǐng)求,請(qǐng)求刷新數(shù)據(jù)
             */ 
 
        }]; 
    } 

 
// 上拉加載的原理 
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate 

     
    NSLog(@"%f",scrollView.contentOffset.y); 
    NSLog(@"%f",scrollView.frame.size.height); 
    NSLog(@"%f",scrollView.contentSize.height); 
    /**
     *  關(guān)鍵-->
     *  scrollView一開(kāi)始并不存在偏移量,但是會(huì)設(shè)定contentSize的大小,所以contentSize.height永遠(yuǎn)都會(huì)比contentOffset.y高一個(gè)手機(jī)屏幕的
     *  高度;上拉加載的效果就是每次滑動(dòng)到底部時(shí),再往上拉的時(shí)候請(qǐng)求更多,那個(gè)時(shí)候產(chǎn)生的偏移量,就能讓contentOffset.y + 手機(jī)屏幕尺寸高大于這
     *  個(gè)滾動(dòng)視圖的contentSize.height
     */ 
    if (scrollView.contentOffset.y + scrollView.frame.size.height >= scrollView.contentSize.height) { 
         
        NSLog(@"%d %s",__LINE__,__FUNCTION__); 
        [UIView commitAnimations]; 
         
        [UIView animateWithDuration:1.0 animations:^{ 
            //  frame發(fā)生的偏移量,距離底部往上提高60(可自行設(shè)定) 
            self.tableView.contentInset = UIEdgeInsetsMake(0, 0, 60, 0); 
        } completion:^(BOOL finished) { 
             
            /**
             *  發(fā)起網(wǎng)絡(luò)請(qǐng)求,請(qǐng)求加載更多數(shù)據(jù)
             *  然后在數(shù)據(jù)請(qǐng)求回來(lái)的時(shí)候,將contentInset改為(0,0,0,0)
             */ 
        }]; 
 
    } 

相關(guān)文章

  • iOS如何開(kāi)發(fā)簡(jiǎn)單的手繪應(yīng)用實(shí)例詳解

    iOS如何開(kāi)發(fā)簡(jiǎn)單的手繪應(yīng)用實(shí)例詳解

    這篇文章主要給大家介紹了關(guān)于iOS如何開(kāi)發(fā)簡(jiǎn)單的手繪應(yīng)用的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-09-09
  • iOS 斷點(diǎn)上傳文件的實(shí)現(xiàn)方法

    iOS 斷點(diǎn)上傳文件的實(shí)現(xiàn)方法

    這項(xiàng)目開(kāi)發(fā)中,有時(shí)候我們需要將本地的文件上傳到服務(wù)器,簡(jiǎn)單的幾張圖片還好,但是針對(duì)iPhone里面的視頻文件進(jìn)行上傳,為了用戶體驗(yàn),我們有必要實(shí)現(xiàn)斷點(diǎn)上傳。這篇文章主要介紹了iOS 斷點(diǎn)上傳文件的實(shí)現(xiàn)方法,需要的朋友可以參考下
    2017-12-12
  • iOS?Segment帶滑動(dòng)條切換效果

    iOS?Segment帶滑動(dòng)條切換效果

    這篇文章主要為大家詳細(xì)介紹了iOS?Segment帶滑動(dòng)條切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 詳解iOS開(kāi)發(fā)中Keychain的相關(guān)使用

    詳解iOS開(kāi)發(fā)中Keychain的相關(guān)使用

    這篇文章主要介紹了iOS開(kāi)發(fā)中Keychain的相關(guān)使用,文中列舉了一個(gè)使用Keychain來(lái)保存密碼的例子,需要的朋友可以參考下
    2015-10-10
  • iOS開(kāi)發(fā)中UIImageView控件的常用操作整理

    iOS開(kāi)發(fā)中UIImageView控件的常用操作整理

    這篇文章主要介紹了iOS開(kāi)發(fā)中UIImageView控件的常用操作整理,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下
    2016-01-01
  • 超全的iOS各種設(shè)備信息獲取方法總結(jié)(包括iPhone8/iPhone X)

    超全的iOS各種設(shè)備信息獲取方法總結(jié)(包括iPhone8/iPhone X)

    這篇文章主要給大家介紹了關(guān)于iOS各種設(shè)備信息獲取方法,iPhone8/iPhone X的后驅(qū)詳細(xì)信息也已更新,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-12-12
  • iOS?xcconfig編寫(xiě)示例教程

    iOS?xcconfig編寫(xiě)示例教程

    這篇文章主要為大家介紹了iOS?xcconfig編寫(xiě)示例教程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • iOS如何將照片保存到相冊(cè)

    iOS如何將照片保存到相冊(cè)

    這篇文章主要為大家詳細(xì)介紹了iOS將照片保存到相冊(cè)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • 解決Flutter出現(xiàn)CocoaPods報(bào)錯(cuò)情況(Mac和IOS)

    解決Flutter出現(xiàn)CocoaPods報(bào)錯(cuò)情況(Mac和IOS)

    這篇文章主要為大家介紹了解決Flutter出現(xiàn)CocoaPods報(bào)錯(cuò)情況(Mac和IOS)的方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • iOS開(kāi)發(fā)中不合法的網(wǎng)絡(luò)請(qǐng)求地址如何解決

    iOS開(kāi)發(fā)中不合法的網(wǎng)絡(luò)請(qǐng)求地址如何解決

    這篇文章主要介紹了iOS開(kāi)發(fā)中不合法的網(wǎng)絡(luò)請(qǐng)求地址的解決方案,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09

最新評(píng)論

崇礼县| 威海市| 葫芦岛市| 常州市| 遵义县| 海兴县| 安徽省| 个旧市| 永泰县| 富平县| 尼玛县| 基隆市| 新民市| 肃宁县| 新巴尔虎右旗| 洱源县| 澄城县| 镇远县| 娄烦县| 玛沁县| 桃园县| 聂拉木县| 台南市| 景泰县| 阜宁县| 镇巴县| 沙洋县| 成安县| 库尔勒市| 广河县| 申扎县| 扬中市| 香格里拉县| 泽州县| 越西县| 锡林浩特市| 克什克腾旗| 彭阳县| 蓬莱市| 阿拉善左旗| 同心县|