UICollectionView单元格固定宽度和动态高度使用swift中的约束

Question

我有一个 collectionview 和一个单元格，里面有一个基于其内容的固定宽度和动态高度。我正在使用自动布局约束，我的代码如下。

我已经尝试在单元格内和视图内设置所有类型的自动约束。

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
            return 5
        }

        func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) as! ViewControllerCell

            cell.lbl_text.text = "djs sdfs sdfs dsfsfd gdgfd dfgd df "

            return cell

        }



        override func viewDidLoad() {
            super.viewDidLoad()
            // Do any additional setup after loading the view.

            if let flowLayout = coll_main?.collectionViewLayout as? UICollectionViewFlowLayout {
                flowLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize

            }



    }

In cell class method:
override func awakeFromNib() {
        super.awakeFromNib()
        self.contentView.autoresizingMask = [UIView.AutoresizingMask.flexibleHeight]
    }

    override func layoutSubviews() {
        self.layoutIfNeeded()
    }

我得到了单元格宽度修复，而我没有设置那个宽度。 这个问题如何解决？

这里截图。

Answer 1

您需要确保您的 CollectionView 的Estimate Size设置为None 。

Answer 2

请执行以下步骤

1. 在界面构建器中选择您的 collectionView。
2. 转到尺寸检查员
3. 如图所示，将估计大小更改为无。

希望它能解决问题

Answer 3

您可以使用 collectionView 委托

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

为此，您需要扩展UICollectionViewDelegateFlowLayout

Answer 4

您必须使用UICollectionViewDelegateFlowLayout并实现sizeForItemAt如下所示。

// MARK: - UICollectionViewDelegateFlowLayout -
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let sectionInset = (collectionViewLayout as! UICollectionViewFlowLayout).sectionInset

        // Here you can set dynamic height for the individual cell according to your content size.
        let referenceHeight: CGFloat = 100 // Approximate height of your cell

        let referenceWidth = collectionView.safeAreaLayoutGuide.layoutFrame.width
            - sectionInset.left
            - sectionInset.right
            - collectionView.contentInset.left
            - collectionView.contentInset.right

        return CGSize(width: referenceWidth, height: referenceHeight)
    }

这是一篇关于它的文章，你可以关注这个。

希望对你有帮助。 快乐编码

Answer 5

在您的集合视图中添加此属性或取消选中笔尖中的 PrefetchingEnabled 属性。

collectionView.isPrefetchingEnabled = false

Answer 6

为集合单元格大小实现 UICollectionViewDelegateFlowLayout 方法。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize

然后转到故事板并在大小检查器中将 collectionView估计大小设置为 None