集合视图单元格布局问题

Question

我正在设计一个具有以下布局的应用。我在考虑将视图作为集合视图。

A和B是自定义集合单元格。如何设计应用程序，以便第二行和第三行具有2和3个单元格，如图所示？

我尝试覆盖sizeForItemAt indexPath方法，然后根据它所在的行计算每个单元格的大小。 不仅看起来有点奇怪，而且细胞也没有正确对齐。

我尝试按this链接设置estimatedItemSize属性以及覆盖preferredLayoutAttributesFitting。

有没有更简单的方法来执行此UI？我应该删除colleciton视图并使用普通ol tableviews吗？ 任何帮助将不胜感激。