基于Epoxy实现带响应式标签页的嵌套垂直滚动Carousel需求咨询

一、实现滑动响应式标签栏与指示器 #

Epoxy没有内置标签栏组件，你可以自己写个自定义标签栏View（比如包含两个标签文本和一个指示器View），再配合Carousel的滑动回调实现联动：

• 给标签栏的每个标签添加点击事件，点击时调用Carousel的scrollToPosition()方法跳转到对应页面，同时切换标签的选中样式；
• 给Carousel设置OnScrollListener，监听滑动偏移量，同步更新标签选中状态和指示器的位置——比如滑到第一页时激活第一个标签，指示器移到对应位置；滑到第二页时切换第二个标签为选中状态，指示器同步移动。

二、在Carousel中嵌套多行垂直模型 #

Carousel默认是横向滚动的单个模型列表，要实现每个页面包含多行内容，可按以下方式操作：

• 自定义一个Epoxy模型，内部包裹一个垂直方向的EpoxyRecyclerView（或用LinearLayout直接拼接多个子View）；
• 在这个自定义模型的绑定逻辑里，给内部的垂直RecyclerView设置专属的Epoxy控制器，将需要的多行模型（比如商品行、分类行）添加进去；
• 最后把这个自定义的多行模型作为Carousel的item，这样Carousel横向滚动的就是一个个带多行内容的页面了。

三、参考示例项目 #

Epoxy官方的samples目录里有现成的参考案例：

• 查看epoxy-sample中的CarouselWithNestedRecyclerViewSample，它展示了Carousel嵌套垂直RecyclerView的实现方式；
• 另外在GitHub搜索“Epoxy tab carousel”，能找到不少电商类App用Epoxy实现标签栏+Carousel的开源案例，都是完整的落地实现。

四、全Epoxy替代ViewPager2方案 #

无需再嵌套ViewPager2和Fragment，直接在页面的主EpoxyRecyclerView中添加以下模型即可：

1. 顶部Header模型（对应你之前CoordinatorLayout中的Header）；
2. 自定义标签栏模型；
3. Carousel模型，每个item是上面提到的带多行内容的自定义页面模型；
   所有状态和数据绑定都由主Epoxy控制器统一管理，整个页面就能完全基于Epoxy实现。

效果演示：

内容的提问来源于stack exchange，提问作者ono