Question

我有一个 CollectionView ，共有6个部分。

第一部分被组织为行。第2节＆amp;事情变得艰难。 我需要将两个部分放在彼此旁边。

[................第1节..............] //一个有几排的部分
[......第2节......] [......第3节......] //第一节

下面的两个部分

我不能将第二部分划分为两列，因为这些部分填充了不同的单元格知道流布局总是填充从边界到边界的一个部分，我只能通过将两个单元格放在一起来伪造这样的效果，这很好，但是我添加了单元格，我只能用一个整数放在另一个下面每当我在cellForItemAtIndexPath中创建一个新单元格时，它会递增：并使用它将它乘以单元格的高度。

我面临的唯一问题是，当我重用一些单元格时，整数变量hack不再起作用了。

除了自定义布局之外，还有更好的方法可以将两个部分放在一起吗？

提前致谢

Answer 1

您不一定要编写自定义布局，实际上您可以只是子类UICollectionViewFlowLayout并覆盖一些确定帧定位的关键方法，即layoutAttributesForElementsInRect: / layoutAttributesForItemAtIndexPath:在那里你可以查看部分并确定位置。

代码本身可能相对简单，类似于：

if indexPath.section == 0 {
    attributes.frame = CGRect(x: 0, y: 0, width: fullWidth, height: someHeight)
} else {
    // Section 2 which is indexed at 1, set the frame
    // to half the width and x to 0
    if indexPath.section %2 != 0 {
        attributes.frame = CGRect(x: 0, y: someYCounter, width: halfWidth, height, someHeight)
    } else {
        attributes.frame = CGRect(x: halfWidth, y: someYCounter, width: halfWidth, height, someHeight)
    }
}

显然这是假代码，我没有通过编译器运行它，但基本步骤是：

有一个保护声明，确保存在集合视图，以便您可以定义以下变量：halfWidth和fullWidth（稍后布局时使用）
保持y职位
检查部分索引和位置

解决此问题的最佳方法是覆盖prepare并计算布局属性数组（并将其存储为实例变量）。然后在layoutAttributesForItemAtIndexPath:之类，只需返回该数组中索引处的对象（或者如果索引由于某种原因超出范围，则返回super.layoutAttributesForItem(at: indexPath)。

这就是UICollectionViewFlowLayout的美丽，大部分繁重的工作都是为你完成的，你可以通过几个简单的方法来获得所需的行为。替代方案是一个完整的自定义布局，在我看来，除非你有一些疯狂的行为，否则你应该与你的设计师谈论他们所做的复杂性。

在UICollectionView

1 个答案: