You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android中如何让RecyclerView的8个固定Item适配父布局尺寸

实现固定8个Item的等大无滚动RecyclerView

要让RecyclerView中固定的8个Item等大填充父布局且无需滚动,可通过以下两种方案实现:

方法一:动态计算Item尺寸(通用适配方案)

该方案通过监听RecyclerView的布局完成事件,计算每个Item的宽高并动态设置,适配任意父布局尺寸变化。

1. 编写RecyclerView布局

确保RecyclerView占满父容器,并禁用滚动:

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:nestedScrollingEnabled="false" />

2. 编写Item布局

根布局宽高先设为wrap_content,后续动态修改:

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

    <ImageView
        android:id="@+id/itemIcon"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/ic_launcher_foreground" />

    <TextView
        android:id="@+id/itemText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item" />

</LinearLayout>

3. 配置RecyclerView与Adapter

在Activity/Fragment中初始化RecyclerView,设置网格布局管理器,并动态计算Item尺寸:

val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
val spanCount = 4 // 列数,2行4列刚好8个Item
val rowCount = 2
val adapter = MyAdapter()

// 设置网格布局管理器
recyclerView.layoutManager = GridLayoutManager(this, spanCount)
recyclerView.adapter = adapter

// 监听RecyclerView布局完成,计算Item尺寸
recyclerView.addOnLayoutChangeListener { v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom ->
    // 计算RecyclerView可用宽高(减去内边距)
    val usableWidth = (right - left) - recyclerView.paddingLeft - recyclerView.paddingRight
    val usableHeight = (bottom - top) - recyclerView.paddingTop - recyclerView.paddingBottom

    // 计算单个Item的宽高
    val itemWidth = usableWidth / spanCount
    val itemHeight = usableHeight / rowCount

    // 更新Adapter中的Item尺寸
    adapter.setItemSize(itemWidth, itemHeight)
}

4. 实现Adapter逻辑

在Adapter中添加尺寸设置方法,绑定数据时应用尺寸:

class MyAdapter : RecyclerView.Adapter<MyAdapter.ViewHolder>() {
    private var itemWidth = 0
    private var itemHeight = 0

    fun setItemSize(width: Int, height: Int) {
        this.itemWidth = width
        this.itemHeight = height
        notifyDataSetChanged()
    }

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

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        // 设置Item的布局参数
        holder.itemView.layoutParams.apply {
            width = itemWidth
            height = itemHeight
        }
        // 绑定数据
        holder.itemText.text = "Item ${position + 1}"
    }

    override fun getItemCount() = 8 // 固定8个Item

    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val itemIcon: ImageView = itemView.findViewById(R.id.itemIcon)
        val itemText: TextView = itemView.findViewById(R.id.itemText)
    }
}

方法二:利用ConstraintLayout百分比布局(简易方案)

若行列数固定(如2行4列),可直接通过ConstraintLayout的百分比属性实现Item等大,无需代码计算。

1. 修改Item布局

使用ConstraintLayout作为根布局,设置宽高为0dp,并通过百分比约束占满对应网格空间:

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:padding="8dp">

    <ImageView
        android:id="@+id/itemIcon"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/ic_launcher_foreground"
        app:layout_constraintBottom_toTopOf="@id/itemText"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/itemText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/itemIcon" />

</androidx.constraintlayout.widget.ConstraintLayout>

2. 配置RecyclerView

只需设置网格布局管理器和Adapter,无需额外计算:

val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
recyclerView.layoutManager = GridLayoutManager(this, 4) // 4列,自动适配2行
recyclerView.adapter = SimpleAdapter()
recyclerView.isNestedScrollingEnabled = false

3. 实现简易Adapter

无需处理尺寸逻辑,仅绑定数据即可:

class SimpleAdapter : RecyclerView.Adapter<SimpleAdapter.ViewHolder>() {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(parent.context)
            .inflate(R.layout.item_constraint_grid, parent, false)
        return ViewHolder(view)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.itemText.text = "Item ${position + 1}"
    }

    override fun getItemCount() = 8

    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val itemText: TextView = itemView.findViewById(R.id.itemText)
    }
}

内容的提问来源于stack exchange,提问作者java bee

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 04:17:01