UICollectionView 滚动冻结与 NSData (imageView)

Question

我在同一页面中有 UICollectionView 和 UITableView。我正在使用SDWebImage 和UITableView，它工作正常。我正在尝试将SDWebImage 与UICollectionView 一起使用，但无法成功。所以我使用了 NSData 但它冻结了。我该如何解决这个问题？

更新：有没有办法将SDWebImage 与UICollectionView 一起使用？

我的代码：

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

static NSString *simpleTableIdentifier = @"cell";

ProductsCollectionViewCell *pCell = [_collection dequeueReusableCellWithReuseIdentifier:simpleTableIdentifier forIndexPath:indexPath];

NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:[_arrayImage objectAtIndex:indexPath.row]]];

_imgCollection = (UIImageView *)[pCell viewWithTag:100];
_imgCollection.image = [UIImage imageWithData:imageData];

pCell.layer.shouldRasterize = YES;
pCell.layer.rasterizationScale = [UIScreen mainScreen].scale;

}

我的表格视图代码

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *simpleTableIdentifier = @"productCell";

ProductsTableViewCell *pCell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

[pCell.imgProduct sd_setImageWithURL:[NSURL URLWithString:[_arrayImage objectAtIndex:indexPath.row]]
                    placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

Answer 1

你使用的方法

NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:[_arrayImage objectAtIndex:indexPath.row]]];

是同步的，这意味着它将阻塞线程直到它完成。 （这就是它冻结的原因）

我建议你想办法在你的代码中使用SDWebImage，如果你告诉我们为什么这不起作用，我们可能会帮助你。

编辑：

看SDWebImage的documentation中的第一个例子，特别是这一行：

[cell.imageView setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/to/image.jpg"]
                   placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

现在用它代替这行代码：

_imgCollection.image = [UIImage imageWithData:imageData];

此外，删除下载图像的行。

Answer 2

难道是这样的

NSData *imageData = [NSData dataWithContentsOfURL:[NSURL ...

是否在主线程上执行耗时操作？

为什么不尝试像这样将 fetch 放在后台？

dispatch_async(
         dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
    NSURL* url = [NSURL URLWithString:[_arrayImage objectAtIndex:indexPath.row]]
    NSData *imageData = [NSData dataWithContentsOfURL:url];
    dispatch_async(dispatch_get_main_queue(), ^{
          UICollectionViewCell* cell = [collectionView cellForItemAtIndexPath:indexPath];
          if(cell) { // cell is visible
             cell.imageView.image = [UIImage imageWithData:imageData];
          }

    });
});

最后，确保

[_arrayImage objectAtIndex:indexPath.row] 

确实是一个字符串，而 _arrayImage 是一个字符串数组

最后我会考虑放

[UIImage imageWithData:imageData]

在后台以及解码也可能很耗时

Answer 3

可能是你缺少 contentView

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

static NSString *simpleTableIdentifier = @"cell";

ProductsCollectionViewCell *pCell = [_collection dequeueReusableCellWithReuseIdentifier:simpleTableIdentifier forIndexPath:indexPath];

NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:[_arrayImage objectAtIndex:indexPath.row]]];

_imgCollection = (UIImageView *)[pCell.contentView viewWithTag:100];
_imgCollection.image = [UIImage imageWithData:imageData];
}