Android RecyclerView搭配CardView布局异常适配问题求助

嘿，我懂你现在的困扰——想用RecyclerView搭配CardView做出像HTML表格那样整整齐齐的列表布局，结果模拟器里的布局却乱成一团，列根本对不齐对吧？别慌，咱们一步步搞定这个问题！

其实HTML表格的核心是每一列的宽度在所有行里都是统一的，但默认用LinearLayout或者RelativeLayout做RecyclerView的Item时，每个Item的子View会根据自身内容调整宽度，自然就会出现列不对齐的情况。咱们要做的就是强制所有Item的对应列拥有相同的宽度比例或固定宽度。

我推荐两种靠谱的实现方式，你可以根据需求选：

方式1：用LinearLayout的权重分配宽度 #

这是最直接的方法，给每个列的View设置layout_weight，让它们按比例分配RecyclerView的宽度，确保所有行的对应列宽度一致。

1. 主布局（activity_main.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="match_parent"
    android:orientation="vertical">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="8dp"/>

</LinearLayout>

2. Item布局（item_table_row.xml） #

用CardView包裹横向LinearLayout，给每个列的TextView设置权重：

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginVertical="4dp"
    card_view:cardCornerRadius="8dp"
    card_view:cardElevation="4dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="16dp">

        <!-- 第一列：权重1 -->
        <TextView
            android:id="@+id/tvColumn1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Column 1"
            android:textSize="16sp"/>

        <!-- 第二列：权重2（可按需调整比例） -->
        <TextView
            android:id="@+id/tvColumn2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="Longer Column 2 Content"
            android:textSize="16sp"/>

        <!-- 第三列：权重1 -->
        <TextView
            android:id="@+id/tvColumn3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Col3"
            android:textSize="16sp"/>

    </LinearLayout>

</androidx.cardview.widget.CardView>

3. 适配器与Activity初始化 #

写个简单的适配器绑定数据，确保RecyclerView用LinearLayoutManager：

class TableAdapter(private val dataList: List<TableRowData>) : RecyclerView.Adapter<TableAdapter.ViewHolder>() {

    data class TableRowData(val col1: String, val col2: String, val col3: String)

    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val tvCol1: TextView = itemView.findViewById(R.id.tvColumn1)
        val tvCol2: TextView = itemView.findViewById(R.id.tvColumn2)
        val tvCol3: TextView = itemView.findViewById(R.id.tvColumn3)
    }

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

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val data = dataList[position]
        holder.tvCol1.text = data.col1
        holder.tvCol2.text = data.col2
        holder.tvCol3.text = data.col3
    }

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

在Activity里初始化：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
        recyclerView.layoutManager = LinearLayoutManager(this)
        // 模拟测试数据
        val dataList = listOf(
            TableAdapter.TableRowData("Row1 Col1", "Row1 Col2 - 测试长文本对齐效果", "Row1 Col3"),
            TableAdapter.TableRowData("Row2 Col1", "Row2 Col2", "Row2 Col3 - 更长的内容"),
            TableAdapter.TableRowData("Row3 Col1", "Row3 Col2 - 中等长度", "Row3 Col3")
        )
        recyclerView.adapter = TableAdapter(dataList)
    }
}

方式2：用ConstraintLayout精确控制列宽比例 #

如果你需要更精细的宽度控制（比如固定某列占屏幕的25%），可以用ConstraintLayout的layout_constraintWidth_percent属性：

<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginVertical="4dp"
    card_view:cardCornerRadius="8dp"
    card_view:cardElevation="4dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">

        <TextView
            android:id="@+id/tvColumn1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Column 1"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/tvColumn2"
            app:layout_constraintWidth_percent="0.25"/> <!-- 占25%屏幕宽度 -->

        <TextView
            android:id="@+id/tvColumn2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Longer Column 2 Content"
            app:layout_constraintStart_toEndOf="@+id/tvColumn1"
            app:layout_constraintEnd_toStartOf="@+id/tvColumn3"
            app:layout_constraintWidth_percent="0.5"/> <!-- 占50%屏幕宽度 -->

        <TextView
            android:id="@+id/tvColumn3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Col3"
            app:layout_constraintStart_toEndOf="@+id/tvColumn2"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintWidth_percent="0.25"/> <!-- 占25%屏幕宽度 -->

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.cardview.widget.CardView>

• 所有Item的布局结构必须完全一致，不能有的Item多一个View，有的少一个，否则会破坏对齐。
• 不要用px作为单位，统一用dp或者比例，这样才能适配不同尺寸的设备。
• 如果需要固定某列的宽度（比如按钮列），可以把该列的layout_width设为具体dp，其他列用weight分配剩余宽度。

这样调整后，你的RecyclerView应该就能实现和HTML表格一样规整的对齐效果啦！

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