UICollection视图图像加载一次又一次，滚动滞后

Question

#pragma mark Collection View
-(NSInteger )numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return [array count];
}
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"Cell" forIndexPath:indexPath];
    NSLog(@"indexpath row : %d", indexPath.row);
    UILabel *label = (UILabel *)[cell viewWithTag:100];
    NSString *checkisfolder=[checkfolder objectAtIndex:indexPath.row];
    NSString *selectorValue=[list2 objectAtIndex:indexPath.row];
    NSURL *url = [NSURL URLWithString:[imgarray objectAtIndex:indexPath.row]];
    NSLog(@"indexpath image : %@", [imgarray objectAtIndex:indexPath.row]);
    NSData *data = [[NSData alloc] initWithContentsOfURL:url];
    // load image from JSON URL
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^{
                       UIImageView *imgView = [[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 140, 80)] autorelease];
                       if (imgView != nil) {
                           NSLog(@"selectorValue1  : %@", selectorValue);
                           UIImage *img = [[UIImage alloc] initWithData:data];
                           dispatch_async(dispatch_get_main_queue(), ^{
                               UIButton *imageButton = [UIButton buttonWithType:UIButtonTypeCustom];
                               imageButton.frame = CGRectMake(15, 10, 257, 140);
                               [imageButton setImage:img forState:UIControlStateNormal];
                               imageButton.tag=[selectorValue intValue];
                               imageButton.adjustsImageWhenHighlighted = NO;
                               if([checkisfolder  isEqual: @"isfolder"]){
                                   [imageButton addTarget:self action:@selector(imagefolderClicked:) forControlEvents:UIControlEventTouchUpInside];
                               }else{
                                   [imageButton addTarget:self action:@selector(imageViewClicked:) forControlEvents:UIControlEventTouchUpInside];
                               }
                               [cell addSubview:imageButton];
                               UILongPressGestureRecognizer *press = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(userLongPressed:)];
                               press.minimumPressDuration = 1.0;
                               [imageButton addGestureRecognizer:press];
                               [press release];
                           });
                       };
                   });

    label.text = [array objectAtIndex:indexPath.row];
    label.lineBreakMode = NSLineBreakByWordWrapping;
    label.numberOfLines = 0;
    [cell.layer setBorderWidth:1.0f];
    [cell.layer setBorderColor:[UIColor whiteColor].CGColor];
    [cell.layer setCornerRadius:5.0f];
    return cell;
}

图像再次从服务器加载，使向上或向下滚动非常滞后。以下是发生这种情况时的日志。

2016-02-15 10:53:55.273 Go Test[2086:651177] indexpath row : 0
2016-02-15 10:53:55.274 Go Test[2086:651177] indexpath image : http://media.movideo.com/media-images-670/media/1358499/320x160.png
2016-02-15 10:53:55.465 Go Test[2086:651298] selectorValue1  : 475
2016-02-15 10:53:55.476 Go Test[2086:651177] indexpath row : 1
2016-02-15 10:53:55.476 Go Test[2086:651177] indexpath image : http://media.movideo.com/media-images-670/media/1358500/320x160.png
2016-02-15 10:53:55.534 Go Test[2086:651284] selectorValue1  : 476
2016-02-15 10:53:55.541 Go Test[2086:651177] indexpath row : 2
2016-02-15 10:53:55.542 Go Test[2086:651177] indexpath image : http://media.movideo.com/media-images-670/media/1358318/320x160.png
2016-02-15 10:53:55.709 Go Test[2086:651283] selectorValue1  : 477
2016-02-15 10:53:55.818 Go Test[2086:651177] there are 0 objects in the array
2016-02-15 10:53:55.819 Go Test[2086:651177] there are 0 objects in the array

如何解决滞后问题？图像应仅从服务器加载一次，并保存在缓存或本地。

Answer 1

• 您可以使用SDWebimage来解决问题。
• 另一种方法是使用 dispatch_async/NS 操作队列。
• 但是SDWebImage确实在内部使用上述方法之一。 并且建议在存储图像方面使用。
• 您需要缓存图像。

Answer 2

如果你想缓存图像，有一些伟大的和流行的第三方框架，你可以使用，你可以使用如下：

他们可以缓存并解决滞后问题

SDWebImage，AFNetworking(AFNetworking(你可能会在GitHub上找到其他一些更好的框架

如果你想手动维护它，你可以使用">NSCache"，你可以在互联网上找到一些很好的教程。