collectionView 可重复使用的单元格导致错误

Question

我正在创建一个 collectionView，其单元格大小不同且内容不同。我正在为这些单元格使用单元格原型，但是，当我添加多个单元格时，我会遇到奇怪的 UI 错误：

这是它应该的样子这就是它的实际样子

代码：

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    Card *card = [[[usermanager getSelectedUser] getCards] objectAtIndex:indexPath.item];

    [card setupLayout];

    UICollectionViewCell *cell = [collectionView cellForItemAtIndexPath:indexPath];
    if(cell == nil){
        cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cardCell" forIndexPath:indexPath];
    }
    [cell addSubview:card];
    cell.clipsToBounds = YES;
    cell.layer.shouldRasterize = YES;
    cell.layer.rasterizationScale = [UIScreen mainScreen].scale;

    cell.layer.shadowPath = [[UIBezierPath bezierPathWithRect:cell.bounds] CGPath];

    //Add dropshadow
    cell.contentView.layer.borderWidth = 1.0f;
    cell.contentView.layer.borderColor = [UIColor clearColor].CGColor;
    cell.contentView.layer.masksToBounds = YES;

    cell.layer.shadowColor = [UIColor blackColor].CGColor;
    cell.layer.shadowOffset = CGSizeMake(0, 5.0f);
    cell.layer.shadowRadius = 2.0f;
    cell.layer.shadowOpacity = 0.5f;
    cell.layer.masksToBounds = NO;

    cell.layer.borderColor = [UIColor yellowColor].CGColor;
    cell.layer.borderWidth = 2.0f;

    return cell;
}

应该和我用的是reusable cell有关吧。因为当我在故事板中为这些单元格创建 2 个不同的原型时，它们完全没有问题。谁能帮我？谢谢

Answer 1

正如您所说：您的单元格将被重复使用，因此如果您更改任何布局、框架或颜色，这些属性将与您设置的下次使用单元格时的设置相同。您应该将 UICollectionViewCell 子类化并实现方法 prepareForReuse ，您必须将单元格的所有视图和属性重置为原始值，并且必须删除子视图卡：

-(void)prepareForReuse {
    [super prepareForReuse];
    // Reset all, for example backgroundView
    self.backgroundView = nil;
}

还有一点：为什么调用 UICollectionViewCell *cell = [collectionView cellForItemAtIndexPath:indexPath]; 那是不正确的。你只需要 UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cardCell" forIndexPath:indexPath];

collectionView 可重复使用的单元格导致错误

collectionView re-usable cells causing bugs

objective-c

ios

uicollectionview

uicollectionviewcell