UICollectionView刷新问题

Question

使用UICollectionView我将Label作为subView添加到单元格，并将滚动方向设置为水平。在Label内，我添加了一个背景为图像的按钮。出于一些奇怪的原因，如果我在一个方向上滚动视图然后返回按钮图像似乎要么留下按钮右侧的残余。无论是那个还是他们是在初始按钮下稍微向右移动的另一个按钮。我已经意识到我越往右边移动按钮就越多。任何帮助将不胜感激

如果标签较短

，似乎不会出现此问题

 var padding = String(count: 2, repeatedValue: (" " as Character))

    let newLabel = UILabel(frame: CGRectZero)
    newLabel.autoresizingMask =  .FlexibleHeight
    newLabel.backgroundColor = UIColor(red: 56/255, green: 143/255, blue: 212/255, alpha: 1)
    newLabel.text = "\(padding)\(title)\(padding)"
    newLabel.textColor = UIColor.whiteColor()
    let fontName: CFStringRef = "Superclarendon-Regular"
    newLabel.font = CTFontCreateWithName(fontName, 15, nil)
    newLabel.adjustsFontSizeToFitWidth = true
    newLabel.clipsToBounds = true
    newLabel.layer.cornerRadius = 4
    //Fit TO Text
    newLabel.numberOfLines = 1
    newLabel.sizeToFit()
    //Add Button
    if let image = UIImage(named: "Nav_Button_X"){//?//.CGImage
        let button = UIButton.buttonWithType(UIButtonType.Custom) as! UIButton
        var imageWidth = image.size.width
        var imageHeight = image.size.height
        //Resize label for button
        var oldLabelFrame = newLabel.frame
        var buttonHeight = self.frame.height - self.sectionInsets.top - self.sectionInsets.bottom
        var buttonWidth = newLabel.frame.width + imageWidth
        //newLabel.frame = CGRect(x: oldLabelFrame.origin.x, y: oldLabelFrame.origin.y, width: oldLabelFrame.width, height: bh)
        newLabel.frame.size = CGSize(width: buttonWidth, height: buttonHeight)

        button.frame = CGRectMake(newLabel.frame.width - imageWidth, 0, imageWidth, newLabel.frame.height)
        button.setBackgroundImage(image, forState: UIControlState.Normal)
        newLabel.addSubview(button)
    }
    return newLabel
}

编辑：

我尝试仅使用按钮和NSMutableAttributedString重新创建视图以进行样式化，这可能是也可能不是更好的解决方案 shrugs ，问题仍然存在，因此它可能不是我的问题构建按钮。有建议吗？

我像这样子类并设置UICollectionView

    let flowLayout:UICollectionViewFlowLayout = UICollectionViewFlowLayout();
    flowLayout.scrollDirection = UICollectionViewScrollDirection.Horizontal

    super.init(frame: CGRectMake(0, 0, width, height), collectionViewLayout: flowLayout);

    self.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier);

    self.autoresizingMask = UIViewAutoresizing.FlexibleWidth
    self.backgroundColor = UIColor.whiteColor()
    self.bounces = true
    self.layer.cornerRadius = 5
    self.scrollEnabled = true
    self.delegate = self;
    self.dataSource = self;
    self.backgroundColor = UIColor.whiteColor();

和

func collectionView（collectionView：UICollectionView，cellForItemAtIndexPath indexPath：NSIndexPath） - ＆gt; UICollectionViewCell {

let cell:UICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! UICollectionViewCell;
cell.backgroundColor = UIColor.clearColor();
let cellItem = subCategories[indexPath.row]
cell.contentView.addSubview(cellItem)

// Configure the cell
return cell
}

另一个有趣的特点是我从奇数编号标签中删除了按钮，发现当我执行操作以解决问题时，按钮会出现在所有标签上

Answer 1

看起来您的单元格正在被重用，它们会显示旧单元格的视图。

当您调用dequeueReusableCellWithReuseIdentifier时，该方法会返回一个在UICollectionView中不再可见的单元格，但它不会清除它的内容。

假设你有单元格A，B和C可见，你可以为所有这些单元添加子视图（使用cell.contentView.addSubview(cellItem)）。滚动直到单元格A不再可见，并且您调用dequeueReusableCellWithReuseIdentifier以获取新单元格（称之为D）时，您将重复使用单元格A，因此它将具有您之前添加到单元格A的子视图，以及您现在添加到单元格D的子视图。

要摆脱这种情况，您有两种选择：

1. 如果您使用的是自定义UICollectionViewCell，则应覆盖prepareForReuse方法。在那里，您应该删除所有contentView的子视图。
2. 如果您使用UICollectionViewCell，则应在调用cell.contentView.addSubview(cellItem)之前删除所有contentView的子视图

如果您想要查看是否多次将该按钮添加到重复使用的单元格，则可以重现该问题并使用“查看层次结构”检查器：



我创建了一个小项目来说明＆＃34; dirty＆＃34;单元格：https://github.com/lucaslt89/DirtyUICollectionViewCellsExample

Answer 2

就我而言，我在单元格的init方法中创建了视图层次结构。

当缓慢滚动时，细胞和多线标签将完美呈现。但是，当滚动太快时，标签将具有重复使用的单元格标签的大小，因此看起来非常糟糕。

我正确地设置了preferredMaxLayoutWidth，但是细胞在快速滚动时会出现问题。

通过调用setNeedsLayout内的prepareForReuse来解决我的问题：

override func prepareForReuse() {
    setNeedsLayout()
    super.prepareForReuse()
}