问题

我创建了一个带有自定义 UICollectionViewCell 的 UICollectionViewController。 自定义单元格包含一个大的矩形 UIView(名为 colorView)和一个 UILabel(名为 nameLabel)。

当集合首次填充其单元格并打印 colorView.frame 时，打印的框架具有不正确的值。我知道它们是不正确的，因为 colorView 框架比单元格框架本身大，即使 colorView 绘制正确也是如此。

但是，如果我滚动 collectionView 足以触发对先前创建的单元格的重用，则 colorView.frame 现在具有正确的值! 我需要正确的框架，因为我想将圆角应用到 colorView 层，并且我需要正确的 coloView 大小才能执行此操作。 顺便说一下，如果您想知道，colorView.bounds 也有与 colorView.frame 相同的错误大小值。

问题

为什么创建单元格时框架不正确？

现在是一些代码

这是我的 UICollectionViewCell:

class BugCollectionViewCell: UICollectionViewCell {
    @IBOutlet weak var colorView: UIView!
    @IBOutlet weak var nameLabel: UILabel!
}

这是 UICollectionViewController:

import UIKit

let reuseIdentifier = "Cell"
let colors = [UIColor.redColor(), UIColor.blueColor(),
              UIColor.greenColor(), UIColor.purpleColor()]
let labels = ["red", "blue", "green", "purple"]

class BugCollectionViewController: UICollectionViewController, UICollectionViewDelegateFlowLayout {
    override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }

    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return colors.count
    }

    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as BugCollectionViewCell

        println("ColorView frame: \(cell.colorView.frame) Cell frame: \(cell.frame)")

        cell.colorView.backgroundColor = colors[indexPath.row]
        cell.nameLabel.text = labels[indexPath.row]

        return cell
    }

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
        let width = self.collectionView?.frame.width
        let height = self.collectionView?.frame.height
        return CGSizeMake(width!, height!/2)
    }
}

设置 Collection View 是为了一次垂直显示两个单元格，每个单元格包含一个涂有颜色的大矩形和一个带有颜色名称的标签。

当我在模拟器上运行上面的代码时，我得到如下打印结果:

ColorView frame: (0.0,0.0,320.0,568.0) Cell frame: (0.0,0.0,375.0,333.5)
ColorView frame: (0.0,0.0,320.0,568.0) Cell frame: (0.0,343.5,375.0,333.5)

这是一个奇怪的结果 - colorView.frame 的高度为 568 点，而单元格框架只有 333.5 点高。

如果我向下拖动 collectionView 并重新使用一个单元格，则会打印以下结果:

ColorView frame: (8.0,8.0,359.0,294.0) Cell frame: (0.0,1030.5,375.0,333.5)
ColorView frame: (8.0,8.0,359.0,294.0) Cell frame: (0.0,343.5,375.0,333.5)

在纠正 colorView frame 的过程中发生了一些我无法理解的事情。

我认为这与从 Nib 加载单元格这一事实有关，因此 Controller 不使用 init(frame: frame) 初始化程序，而是使用 init(coder: aCoder) 初始化程序，所以一旦单元格已创建，它可能带有一些我无法编​​辑的默认框架。

如果能帮助我了解正在发生的事情，我将不胜感激!

我正在使用 Xcode 6.1.1。使用 iOS SDK 8.1。

最佳答案

您可以通过覆盖自定义 Cell 类中的 layoutIfNeeded() 来获取单元格的最终帧，如下所示:

override func layoutIfNeeded() {
    super.layoutIfNeeded()
    self.subView.layer.cornerRadius = self.subView.bounds.width / 2
}

然后在您的 UICollectionView 数据源方法 cellForRowAtIndexPath 中:执行此操作:

let cell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as! CustomCollectionViewCell
cell.setNeedsLayout()
cell.layoutIfNeeded()

关于ios - 创建 UICollectionViewCell 时 subview 框架不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28269452/