如何在airbnb Epoxy中分配网格跨度？

Question

我已经开始学习如何在我的项目中使用Epoxy。我正在通过运行样本工程来学习这个库。在我深入研究网格跨度设置之前，一切都很好。我对它的网格系统感到困惑。

​

​

正如您在示例应用程序中看到的那样，ViewHolders可以分为3部分。这些部分可以特别在模型中表示，例如HeaderViewModel_、ButtonBindingModel_和CarouselModelGroup。

init RecyclerView的代码如下：

EpoxyRecyclerView recyclerView = (EpoxyRecyclerView) findViewById(R.id.recycler_view);
recyclerView.setLayoutManager(new GridLayoutManager(this, 2));

据官方医生说：

如果使用GridLayoutManager，这将自动将跨度计数与EpoxyController同步。

我发现HeaderViewModel_和CarouselModelGroup正确地同步了span，但是ButtonBindingModel_没有。我一直在示例代码中搜索" span“或"grid”一词，我只是不明白为什么可以将其span设置为1.。

如果将RecyclerView的span设置从2更改为3：

EpoxyRecyclerView recyclerView = (EpoxyRecyclerView) findViewById(R.id.recycler_view);
recyclerView.setLayoutManager(new GridLayoutManager(this, 3));

​

​

HeaderViewModel_和CarouselModelGroup仍然要同步整个跨度，但是ButtonBindingModel_的广度仍然是1。

我想知道是否有一种方法可以将ButtonBindingModel_的跨度设置为完整的span，以及通过代码(编程)或布局将HeaderViewModel_和CarouselModelGroup设置为特定的span的方法。请帮我解决这个问题，我很感激。

Answer 1

我们使用的一件事是使用spanSizeOverride在模型基础上设置span。我们有几个不同的模型，我们希望在2vs1的跨度，所以我们设置了覆盖他们。

gridLayoutManager.spanSizeLookup = ourController.spanSizeLookup
...

collectionDescription {
  id(DESCRIPTION_ID)
  description(data.description ?: "")
  spanSizeOverride { _, _, _ -> 2 }
}
data.productTemplates?.forEachIndexed { index, product ->
  collectionProduct {
    id("$PRODUCT_ID ${product.slug} $index")
    product(product)
    listener(listener)
  }
}