lazy(懶載入)模式和非同步載入模式詳解
阿新 • • 發佈：2019-01-22
說到懶載入，其實就是延遲會再載入，沒有想象中的那麼神祕，其實我們時刻都在用懶載入，
第一種：簡單的延遲建立控制元件，比如說，建立一個屬性變數，我們用get方法來獲取生成這個變數就是用到了懶載入，詳細點說就是，又一個label屬性變數，我們如果只直接初始化的時候建立它，當然可以，但是會消耗記憶體，一個view中有一個，兩個可以，如果有幾十個呢，會不會就有明顯的效果呢，所以這個時候我們會用到懶載入，程式碼如下：
- (UILabel *)nameLabel {
if (!_nameLabel) {_nameLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
}
return _nameLabel;
}
就是get方法，先判斷是否有，沒有建立，那個地方用的時候，我直接用self.nameLabel來呼叫這個方法即可。
第二種強大的優化： table在載入圖片的時候的優化
-
比如說有這麼個需求,當我們在用網易新聞App時,看著那麼多的新聞,並不是所有的都是我們感興趣的,有的時候我們只是很快的滑過,想要快速的略過不喜歡的內容,但是隻要滑動經過了,圖片就開始載入了,這樣使用者體驗就不太好,而且浪費記憶體.
這個時候,我們就可以利用lazy載入技術,當介面滑動或者滑動減速的時候,都不進行圖片載入,只有當用戶不再滑動並且減速效果停止的時候,才進行載入.
剛開始我非同步載入圖片利用SDWebImage來做,最後試驗的時候出現了重用bug,因為雖然SDWebImage實現了非同步載入快取,當載入完圖片後再請求會直接載入快取中的圖片,注意注意注意,關鍵的來了,如果是lazy載入,滑動過程中是不進行網路請求的,cell上的圖片就會發生重用,當你停下來能進行網路請求的時候,才會變回到當前Cell應有的圖片,大概1-2秒的延遲吧(不算延遲,就是沒有進行請求,也不是沒有快取的問題).怎麼解決呢?這個時候我們就要在Model物件中定義個一個UIImage的屬性,非同步
下載圖片後,用已經快取在沙盒中的圖片路徑給它賦值,這樣,才cellForRowAtIndexPath方法中,判斷這個UIImage物件是否為空,若為空,就進行網路請求,不為空,就直接將它賦值給cell的imageView物件,這樣就能很好的解決圖片短暫重用問題.@下面我的程式碼用的是自己寫的非同步載入快取類,SDWebImage的載入圖片的懶載入,原理差不多.
@model類 #import @interface NewsItem : NSObject @property (nonatomic,copy) NSString * newsTitle; @property (nonatomic,copy) NSString * newsPicUrl; @property (nonatomic,retain) UIImage * newsPic; // 儲存每個新聞自己的image物件 - (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; { //解析資料 NSError * error = nil; NSDictionary * dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:&error]; NSMutableArray * originalArray = [dic objectForKey:@"news"]; //封裝資料物件 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@圖片下載類 #import @class NewsItem; @interface ImageDownloader : NSObject @property (nonatomic,copy) NSString * imageUrl; @property (nonatomic,retain) NewsItem * newsItem; //下載影象所屬的新聞 //影象下載完成後，使用block實現回撥 @property (nonatomic,copy) void (^completionHandler)(void); //開始下載影象 - (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; // 先判斷本地沙盒是否已經存在影象，存在直接獲取，不存在再下載，下載後儲存 // 存在沙盒的Caches的子資料夾DownloadImages中 UIImage * image = [self loadLocalImage:imageUrl]; if (image == nil) { // 沙盒中沒有，下載 // 非同步下載,分配在程式程序預設產生的併發佇列 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設定 dispatch_async(dispatch_get_main_queue(), ^{ //將下載的影象，存入newsItem物件中 UIImage * image = [UIImage imageWithData:imageData]; self.newsItem.newsPic = image; //使用block實現回撥，通知影象下載完成 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]; // 建立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 拼接影象檔案在沙盒中的路徑,因為影象URL有"/",要在存入前替換掉,隨意用"_"代替 NSString * imageName = [imageUrl stringByReplacingOccurrencesOfString:@"/" withString:@"_"]; NSString * imageFilePath = [downloadImagesPath stringByAppendingPathComponent:imageName]; return imageFilePath; } @end@這裡只給出關鍵程式碼,網路請求,資料處理,自定義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; //判斷將要展示的新聞有無影象 if (item.newsPic == nil) { //沒有影象下載 cell.picImageView.image = nil; NSLog(@"dragging = %d,decelerating = %d",self.tableView.dragging,self.tableView.decelerating); // ??執行的時機與次數問題 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]; } //開始下載影象 - (void)startPicDownload:(NewsItem *)item forIndexPath:(NSIndexPath *)indexPath { //建立影象下載器 ImageDownloader * downloader = [[ImageDownloader alloc] init]; //下載器要下載哪個新聞的影象，下載完成後，新聞儲存影象 downloader.newsItem = item; //傳入下載完成後的回撥函式 [downloader setCompletionHandler:^{ //下載完成後要執行的回撥部分，block的實現 //根據indexPath獲取cell物件，並載入影象 #pragma mark cellForRowAtIndexPath-->沒看到過 NewsListCell * cell = (NewsListCell *)[self.tableView cellForRowAtIndexPath:indexPath]; cell.picImageView.image = downloader.newsItem.newsPic; }]; //開始下載 [downloader startDownloadImage:item.newsPicUrl]; [downloader release]; } - (void)loadImagesForOnscreenRows { #pragma mark indexPathsForVisibleRows-->沒看到過 //獲取tableview正在window上顯示的cell，載入這些cell上影象。通過indexPath可以獲取該行上需要展示的cell物件 NSArray * visibleCells = [self.tableView indexPathsForVisibleRows]; for (NSIndexPath * indexPath in visibleCells) { NewsItem * item = [_dataArray objectAtIndex:indexPath.row]; if (item.newsPic == nil) { //如果新聞還沒有下載影象，開始下載 [self startPicDownload:item forIndexPath:indexPath]; } } } #pragma mark - 延遲載入關鍵 //tableView停止拖拽，停止滾動 - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate { //如果tableview停止滾動，開始載入影象 if (!decelerate) { [self loadImagesForOnscreenRows]; } NSLog(@"%s__%d__|%d",__FUNCTION__,__LINE__,decelerate); } - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { //如果tableview停止滾動，開始載入影象 [self loadImagesForOnscreenRows]; } -
Hope To Help You !
技術交流群：141624834 進群請說你看的那篇部落格，我們一起探討成長
Hope To Help You !
技術交流群：141624834 進群請說你看的那篇部落格，我們一起探討成長