Android RecyclerView子项中动态添加水平RecyclerView实现方案咨询

嘿，这个需求其实挺常见的，我来一步步带你实现动态水平图标列表的效果：

1. 创建水平RecyclerView的单个图标布局 #

先做每个图标的基础布局（命名为item_horizontal_icon.xml），可以根据需求调整大小、间距：

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/iv_icon"
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:scaleType="centerInside" />

2. 编写水平RecyclerView的Adapter #

这个Adapter负责绑定服务器返回的图标数据，这里用Kotlin示例（Java版本逻辑一致）：

class HorizontalIconAdapter(private val iconUrls: List<String>) : RecyclerView.Adapter<HorizontalIconAdapter.IconViewHolder>() {

    inner class IconViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val iconIv: ImageView = itemView.findViewById(R.id.iv_icon)
    }

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

    override fun onBindViewHolder(holder: IconViewHolder, position: Int) {
        val url = iconUrls[position]
        // 用你常用的图片加载库加载网络图标，比如Glide
        Glide.with(holder.iconIv.context)
            .load(url)
            .placeholder(R.drawable.default_icon) // 可选：设置占位图
            .into(holder.iconIv)
    }

    override fun getItemCount() = iconUrls.size
}

3. 修改主RecyclerView的子项布局 #

在你的主列表项布局（比如item_main_list.xml）中添加水平RecyclerView：

<?xml version="1.0" encoding="utf-8"?>
<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="16dp">

    <!-- 主列表项的其他内容，比如标题 -->
    <TextView
        android:id="@+id/tv_item_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textStyle="bold" />

    <!-- 水平方向的图标列表 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_horizontal_icons"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="12dp" />

</LinearLayout>

4. 在主RecyclerView的Adapter中初始化水平列表 #

在主Adapter的onBindViewHolder方法里，给水平RecyclerView设置布局管理器和Adapter，绑定动态数据：

class MainListAdapter(private val itemList: List<MainListItem>) : RecyclerView.Adapter<MainListAdapter.MainViewHolder>() {

    // 定义主列表项的数据结构，包含标题和图标URL列表
    data class MainListItem(val title: String, val iconUrls: List<String>)

    inner class MainViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val titleTv: TextView = itemView.findViewById(R.id.tv_item_title)
        val horizontalRv: RecyclerView = itemView.findViewById(R.id.rv_horizontal_icons)
    }

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

    override fun onBindViewHolder(holder: MainViewHolder, position: Int) {
        val currentItem = itemList[position]
        holder.titleTv.text = currentItem.title

        // 配置水平RecyclerView
        holder.horizontalRv.apply {
            // 设置水平布局管理器
            layoutManager = LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false)
            // 绑定水平列表的Adapter
            adapter = HorizontalIconAdapter(currentItem.iconUrls)
            // 优化性能：如果子项大小固定，开启这个属性
            setHasFixedSize(true)
            // 添加图标间距装饰（可选，让布局更美观）
            addItemDecoration(object : RecyclerView.ItemDecoration() {
                override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
                    val pos = parent.getChildAdapterPosition(view)
                    if (pos != 0) {
                        outRect.left = 16 // 给除第一个外的图标左边加16dp间距
                    }
                }
            })
        }
    }

    override fun getItemCount() = itemList.size
}

几个关键优化点 #

• 复用Adapter：如果主列表项很多，建议在主Adapter里缓存水平列表的Adapter实例（比如用HashMap存储），避免每次onBindViewHolder都创建新对象，提升性能。
• 图片加载：务必使用成熟的图片加载库（Glide/Picasso等），不要手动实现异步加载，避免内存泄漏和卡顿。
• 布局稳定性：确保水平RecyclerView的子项大小固定，配合setHasFixedSize(true)减少不必要的布局计算。

这样就能完全适配服务器返回的任意数量图标，实现你想要的水平滚动图标列表效果啦～

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