UI收集查看首次加载时单元格内容大小错误

Question

我在我的UIViewController中添加了一个UICollettionView，并为其制作了一个自定义单元格。

我使用大小设置单元格的大小，并将每个单元格的高度和宽度都设置为用户界面屏幕。因此，从本质上讲，每个单元格都是屏幕宽度的一半，并且高度相同。

然后，我在单元格内部有一个UIImageView，每个边缘都固定在单元格的相对边缘上，以便图像视图填充单元格。我还有一个UILabel，它在单元格中垂直和水平居中。

然而，在第一次加载时，单元格的大小是正确的，但是左上角的一个小方块中的内容要小得多。(如下图所示，我将单元格的contentView背景色设置为绿色，imageView背景色设置为红色)。

然后向下滚动一点点后(我假设一个可重用的单元正在出列)，所有的单元都是好的(并且在向上滚动后仍然是好的)。

是什么原因导致内容在首次加载时未受到正确约束？

更新

我的UIViewController中的一些代码：

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        var cell = collectionView.dequeueReusableCellWithReuseIdentifier("PrevDrawCell", forIndexPath: indexPath) as? PrevDrawCell

        if cell == nil {
            cell = PrevDrawCell()
        }

        cell!.drawVC = self
        cell!.imageShortCode = self.tempImageURLs[indexPath.row]

        // Pull image (async) and set after download
        cell!.setupImage()

        cell!.contentView.backgroundColor = UIColor.greenColor()
        cell!.coverView.backgroundColor = UIColor.redColor()

        cell!.dateLabel.font = UIFont(name: "HelveticaNeue-Light", size: 26)
        cell!.dateLabel.text = "\(self.tempImageURLs.count-indexPath.row)/9"

        return cell!
}

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    let size = UIScreen.mainScreen().bounds.width/2
        return CGSize(width: size, height: size)
}


func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int) -> UIEdgeInsets {
        return UIEdgeInsetsZero
}

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAtIndex section: Int) -> CGFloat {
    return 0
}

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAtIndex section: Int) -> CGFloat {
    return 0
}




Answer 1

我曾经遇到过类似的问题（即使使用正确的自动布局，我的单元格的内容也不适合单元格）。该错误是由于未在覆盖的函数布局中调用超级.layout子视图（） 而导致的，该子视图（）位于 Cell 的类中。

Answer 2

对我有用的是将“集合视图”上的“估算大小”从“自动”更改为“无”。

Answer 3

它看起来仍然保留了内容视图的100x100px基本大小，而单元格本身已经获得了正确的大小。您可以强制布局重置，在返回单元格之前添加以下行：

cell?.layoutIfNeeded()