Android开发：仿亚马逊App实现多视图类型及嵌套RecyclerView问询

Got it! 开发仿亚马逊的Android首页确实需要这种灵活的多类型布局+嵌套RecyclerView的组合，我来给你一步步拆解实现方案，完全贴合你要的2*2网格、线性列表、横幅插入的需求：

亚马逊首页的布局本质是纵向主RecyclerView承载不同模块，每个模块要么是独立的横幅，要么是嵌套的子RecyclerView（比如2*2网格、横向线性列表）。我们通过「多类型Item区分+嵌套RecyclerView」来实现，既满足视图类型的多样性，又能复用列表组件的灵活性。

1. 先定义视图类型与数据模型 #

首先明确所有需要的视图类型，再用密封类统一数据结构，方便Adapter识别：

视图类型枚举 #

enum class HomeViewType {
    BANNER,       // 横幅图片
    GRID_2X2,     // 2*2网格模块
    LINEAR_LIST   // 横向线性列表模块
}

统一数据模型（密封类） #

// 所有首页模块的基类
sealed class HomeModuleItem(val viewType: HomeViewType) {
    // 横幅模块数据
    data class BannerItem(val bannerImageUrl: String) : HomeModuleItem(HomeViewType.BANNER)
    // 2*2网格模块数据（包含一组商品）
    data class Grid2x2Item(val title: String, val productList: List<Product>) : HomeModuleItem(HomeViewType.GRID_2X2)
    // 横向线性列表模块数据（包含一组商品）
    data class LinearListItem(val title: String, val productList: List<Product>) : HomeModuleItem(HomeViewType.LINEAR_LIST)
}

// 商品数据类示例
data class Product(val id: String, val name: String, val imageUrl: String, val price: String)

2. 实现主RecyclerView的Adapter #

主Adapter负责区分不同模块类型，创建对应的ViewHolder，其中网格和线性模块会嵌套子RecyclerView：

主Adapter核心代码 #

class HomeMainAdapter(private val moduleList: List<HomeModuleItem>) : RecyclerView.Adapter<RecyclerView.ViewHolder>() {

    override fun getItemViewType(position: Int): Int {
        return when(moduleList[position].viewType) {
            HomeViewType.BANNER -> 0
            HomeViewType.GRID_2X2 -> 1
            HomeViewType.LINEAR_LIST -> 2
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        val inflater = LayoutInflater.from(parent.context)
        return when(viewType) {
            0 -> BannerViewHolder(inflater.inflate(R.layout.item_home_banner, parent, false))
            1 -> Grid2x2ViewHolder(inflater.inflate(R.layout.item_home_grid_2x2, parent, false))
            2 -> LinearListViewHolder(inflater.inflate(R.layout.item_home_linear_list, parent, false))
            else -> throw IllegalArgumentException("Unknown view type!")
        }
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        when(val module = moduleList[position]) {
            is HomeModuleItem.BannerItem -> (holder as BannerViewHolder).bind(module)
            is HomeModuleItem.Grid2x2Item -> (holder as Grid2x2ViewHolder).bind(module)
            is HomeModuleItem.LinearListItem -> (holder as LinearListViewHolder).bind(module)
        }
    }

    override fun getItemCount(): Int = moduleList.size

    // ------------------- 各模块ViewHolder -------------------
    // 横幅ViewHolder
    class BannerViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        private val bannerImg: ImageView = itemView.findViewById(R.id.iv_banner)
        fun bind(item: HomeModuleItem.BannerItem) {
            // 用Glide/Picasso加载图片
            Glide.with(itemView.context)
                .load(item.bannerImageUrl)
                .centerCrop()
                .into(bannerImg)
        }
    }

    // 2*2网格ViewHolder（嵌套子RecyclerView）
    class Grid2x2ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        private val tvTitle: TextView = itemView.findViewById(R.id.tv_grid_title)
        private val rvGrid: RecyclerView = itemView.findViewById(R.id.rv_grid_2x2)

        fun bind(item: HomeModuleItem.Grid2x2Item) {
            tvTitle.text = item.title
            // 配置子RecyclerView
            rvGrid.apply {
                layoutManager = GridLayoutManager(itemView.context, 2)
                adapter = Grid2x2SubAdapter(item.productList)
                // 关闭嵌套滑动，提升流畅度
                isNestedScrollingEnabled = false
            }
        }
    }

    // 横向线性列表ViewHolder（嵌套子RecyclerView）
    class LinearListViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        private val tvTitle: TextView = itemView.findViewById(R.id.tv_linear_title)
        private val rvLinear: RecyclerView = itemView.findViewById(R.id.rv_linear_list)

        fun bind(item: HomeModuleItem.LinearListItem) {
            tvTitle.text = item.title
            // 配置子RecyclerView
            rvLinear.apply {
                layoutManager = LinearLayoutManager(itemView.context, LinearLayoutManager.HORIZONTAL, false)
                adapter = LinearListSubAdapter(item.productList)
                isNestedScrollingEnabled = false
            }
        }
    }
}

3. 实现嵌套的子RecyclerView Adapter #

子Adapter负责展示单个商品项，逻辑和普通RecyclerView Adapter一致：

2*2网格子Adapter示例 #

class Grid2x2SubAdapter(private val productList: List<Product>) : RecyclerView.Adapter<Grid2x2SubAdapter.ProductViewHolder>() {

    inner class ProductViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        private val ivProduct: ImageView = itemView.findViewById(R.id.iv_product)
        private val tvName: TextView = itemView.findViewById(R.id.tv_product_name)
        private val tvPrice: TextView = itemView.findViewById(R.id.tv_product_price)

        fun bind(product: Product) {
            Glide.with(itemView.context).load(product.imageUrl).into(ivProduct)
            tvName.text = product.name
            tvPrice.text = product.price
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ProductViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_product_grid, parent, false)
        return ProductViewHolder(view)
    }

    override fun onBindViewHolder(holder: ProductViewHolder, position: Int) {
        holder.bind(productList[position])
    }

    override fun getItemCount(): Int = productList.size
}

横向线性列表子Adapter类似，仅布局和子项样式不同，这里不再重复。 #

4. 布局文件示例 #

横幅模块布局（item_home_banner.xml） #

<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/iv_banner"
    android:layout_width="match_parent"
    android:layout_height="160dp"
    android:scaleType="centerCrop"/>

2*2网格模块布局（item_home_grid_2x2.xml） #

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="12dp">

    <TextView
        android:id="@+id/tv_grid_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textStyle="bold"/>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_grid_2x2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"/>
</LinearLayout>

5. 关键优化点 #

• 嵌套滑动优化：给子RecyclerView设置isNestedScrollingEnabled = false，避免滑动冲突，提升整体流畅度。
• 动态模块加载：根据用户位置动态构建moduleList，比如不同地区展示不同的横幅、调整模块顺序。
• 视图复用：确保所有ViewHolder都正确复用，避免内存泄漏；子Adapter可以考虑设置固定大小提升性能。

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