无法使用AutoLayout设置UICollectionViewCell的宽度

Question

我有一个具有动态高度单元格的集合视图(基于可能的多行标签和内部的textview)，当我跨越多行时，它在高度上完全适应。但是，当文本只有一个单词或者它没有覆盖整个屏幕宽度时，单元格的宽度正好是所需的宽度，从而导致单元格彼此相邻，而不是在彼此下方。

查看文本视图中具有不同文本长度的结果。

然而，我希望细胞在彼此之下，想想Instagram或Twitter那种视图。显然，我需要为单元格设置一个宽度约束，使其等于屏幕的整个宽度，但我似乎找不到如何做到这一点。

我使用FlowLayout与估计的ItemSize在我的应用委托：

let layout = UICollectionViewFlowLayout()
window?.rootViewController = UINavigationController(rootViewController: HomeController(collectionViewLayout: layout))

layout.estimatedItemSize = CGSize(width: 414, height: 150)

我还为viewDidLoad中的collectionView设置了约束，因此collectionView占据了屏幕的整个宽度和高度：

collectionView?.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
collectionView?.leftAnchor.constraint(equalTo: self.view.leftAnchor).isActive = true
collectionView?.rightAnchor.constraint(equalTo: self.view.rightAnchor).isActive = true
collectionView?.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true

我对标签和文本视图的约束如下所示，还允许宽度采用所需的大小（因此不固定）：

// vertical constraints usernameLabel & commentTextView
addConstraintsWithFormat(format: "V:|-16-[v0]-2-[v1]-16-|", views: usernameLabel, commentTextView)

// horizontal constraints usernameLabel
addConstraintsWithFormat(format: "H:|-16-[v0]-16-|", views: usernameLabel)

// horizontal constraints commentTextView
addConstraintsWithFormat(format: "H:|-16-[v0]-16-|", views: commentTextView)

在我看来，所有这些对于完成这项工作都是至关重要的。然而，在我看来，我还没有设置宽度限制来完成这项工作。我已经尝试在集合视图上添加一个widthAnchor（等于view.widthAnchor），但没有成功：

collectionView?.widthAnchor.constraint(equalTo: self.view.widthAnchor).isActive = true

我还尝试在sizeForItemAt方法中设置宽度，但这也不起作用：

return CGSize(width: view.frame.width, height: 100)

现在，我正在检查宽度以查看它出错的地方，但我得到了我需要的结果，我想：

print("collectionView width: ", collectionView?.frame.size.width)
print("collectionView height: ", collectionView?.frame.size.height)

print("screen width: ", UIScreen.main.bounds.width)
print("screen height: ", UIScreen.main.bounds.height)

结果如下：

collectionView width:  Optional(414.0)
collectionView height:  Optional(736.0)
screen width:  414.0
screen height:  736.0

我不知道如何前进。我看过的所有与这个问题相关的文章或帖子要么明确计算身高，要么使用我上面提到的两种解决方案。

我哪里做错了，有什么想法吗？

Answer 1

确保在应用程序中添加此协议

UICollectionViewDelegate
UICollectionViewDataSource
UICollectionViewDelegateFlowLayout

请使用以下方法

    extension YourViewController: UICollectionViewDelegate,UICollectionViewDataSource,UICollectionViewDelegateFlowLayout {

        func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
             return CGSize(width: screenWidth, height: screenWidth)
        }

    }

Answer 2

更新：

根据Siju Satheesachandran的回答，我为我的HomeController添加了一个扩展：

extension HomeController {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: 400, height: 100)
    }
}

然后，在cellForItemAt方法中，我为当前单元格的宽度添加了一个打印：

print("cell width: ", cell.frame.size.width)

它返回以下五倍：

cell width:  400.0

所以在我看来，所需的尺寸是可以听取的，但是我的细胞只是适应它想要的任何宽度？

另一个有趣的更新：

当我将TextView的文本更改为太长的文本时，它应该会中断多行，并且我运行该应用程序时，该应用程序会无限次出现此调试错误，而不会加载和显示黑屏：

2018-09-18 15:34:35.806688+0200 prjDynamicCells[39793:1627318] The behavior of the UICollectionViewFlowLayout is not defined because:
2018-09-18 15:34:35.807472+0200 prjDynamicCells[39793:1627318] the item width must be less than the width of the UICollectionView minus the section insets left and right values, minus the content insets left and right values.
2018-09-18 15:34:35.807572+0200 prjDynamicCells[39793:1627318] Please check the values returned by the delegate.
2018-09-18 15:34:35.807911+0200 prjDynamicCells[39793:1627318] The relevant UICollectionViewFlowLayout instance is <UICollectionViewFlowLayout: 0x7feb5ec17650>, and it is attached to <UICollectionView: 0x7feb5f841600; frame = (0 0; 414 736); clipsToBounds = YES; autoresize = W+H; gestureRecognizers = <NSArray: 0x60000044e6d0>; layer = <CALayer: 0x60000003f4a0>; contentOffset: {0, -64}; contentSize: {414, 1000}; adjustedContentInset: {64, 0, 0, 0}> collection view layout: <UICollectionViewFlowLayout: 0x7feb5ec17650>.
2018-09-18 15:34:35.808009+0200 prjDynamicCells[39793:1627318] Make a symbolic breakpoint at UICollectionViewFlowLayoutBreakForInvalidSizes to catch this in the debugger.