如何让RecyclerView中的CardView铺满屏幕宽度？

一、核心问题分析 #

1. CardView未铺满：CardView在API 21+默认启用cardUseCompatPadding，会自动添加内边距适配阴影显示，导致视觉上宽度未铺满；另外如果Adapter加载布局时未正确绑定父布局参数，也会导致match_parent失效。
2. TextView未均匀分布：之前的layout_weight设置需要配合LinearLayout的match_parent宽度，同时确保TextView的layout_width设为0dp才能让权重生效。

二、具体修改步骤 #

1. 修改条目布局XML（CardView所在布局）

给CardView添加消除兼容内边距的属性，同时调整LinearLayout和TextView的布局：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <import type="android.view.View" />
        <variable
            name="location"
            type="com.example.weatherapp.entity.Entry" />
    </data>

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardUseCompatPadding="false" <!-- 关键：消除默认兼容内边距 -->
        app:cardElevation="0dp" <!-- 可选：如果不需要阴影，去掉后更贴合边缘 -->
        android:layout_margin="0dp"> <!-- 确保无额外外边距 -->

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:padding="8dp"> <!-- 给整体加内边距，替代TextView的margin -->

            <TextView
                android:id="@+id/cityName"
                android:layout_width="0dp" <!-- 必须设为0dp让权重生效 -->
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center" <!-- 文字居中，视觉更均匀 -->
                android:text="@{location.cityName}" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@{location.stateName}"
                android:visibility="@{location.stateVisibility}" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@{location.countryName}" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@{location.fTemp}" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@{location.weather}" />

        </LinearLayout>

    </androidx.cardview.widget.CardView>
</layout>

2. 检查Adapter的ViewHolder创建代码

确保加载布局时绑定父布局参数，第三个参数设为true：

@Override
public LocationViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    // 第三个参数必须为true，让布局继承RecyclerView的宽度参数
    ItemLocationBinding binding = ItemLocationBinding.inflate(
        LayoutInflater.from(parent.getContext()),
        parent,
        true
    );
    return new LocationViewHolder(binding);
}

三、效果说明 #

• 修改后CardView会完全铺满RecyclerView的宽度（即屏幕宽度），因为关闭了兼容内边距且布局参数继承自RecyclerView；
• 5个TextView会平分CardView的宽度，文字居中显示，视觉上均匀分布；如果需要保留间距，可以给LinearLayout添加android:layout_margin或者给TextView添加android:layout_marginHorizontal，但注意权重会分配扣除margin后的剩余空间。

内容的提问来源于stack exchange，提问作者C-h me