UICollectionViewCell 和 UIScrollView

Question

我在 UICollectionViewCell 中遇到了 UIScrollView 的奇怪行为。在我的项目中，我有一个 collectionView，每个单元格都有一个 UIScrollView，其中包含 1 个或多个图像。以下是针对此问题的一些示例代码：

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

     CustomCollectionCell * cell = [cv dequeueReusableCellWithReuseIdentifier:@"CustomCell" forIndexPath:indexPath];
     UIImageView * imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 150, 150)];
     imageView.image = [UIImage imageNamed:@"someImage.png"];        
     [cell.scrollView addSubview:imageView];

     return cell;
}

当然，在我的项目中，它不是同一个图像，而是从数据库提供的不同图像。

第一个收集单元添加没有问题。当我添加第二个单元格时，scrollView 似乎会复制自身并将其自身的另一个实例放在顶部。我知道这听起来很奇怪，但您可以在下图中看到它的外观：

请注意左侧 scrollView 中的图像如何变暗，我认为这是因为 scrollView 被复制了。

所以，我猜测该单元格以错误的方式或其他方式重复使用。

感谢您的帮助！

Answer 1

每次调用collectionView: cellForItemAtIndexPath: 时，都会将新的UIImageView 添加到重用单元格中。为了解决这个问题，在自定义UICollectionViewCell 中，实现prepareForReuse 方法。在该方法中，删除图像视图。

为此，您可以在图像视图上设置一个标签。例如：

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

     CustomCollectionCell * cell = [cv dequeueReusableCellWithReuseIdentifier:@"CustomCell" forIndexPath:indexPath];
     UIImageView * imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 150, 150)];
     imageView.image = [UIImage imageNamed:@"someImage.png"];        
     [cell.scrollView addSubview:imageView];

     // The following line of code is new
     cell.contentView.tag = 100;

     return cell;
}

要从单元格中删除图像视图，请在自定义单元格中添加/更新prepareForReuse 方法：

-(void)prepareForReuse{
    UIView *myImageView = [self.contentView viewWithTag:100];
    [myImageView removeFromSuperview];
}