如何在RecyclerView中居中显示CardView？附相关代码

要让RecyclerView里的CardView稳稳居中显示，咱们可以从Item布局设计和RecyclerView布局管理器配置两个核心点入手，下面是一步步的具体实现方案：

1. 编写CardView的Item布局文件 #

先创建一个名为item_card.xml的布局文件，重点是让CardView在父容器里居中，同时给CardView设置合适的宽高（别让它直接撑满屏幕）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:gravity="center"
    android:padding="8dp">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="300dp" <!-- 可以设固定宽度，也用wrap_content按需调整 -->
        android:layout_height="wrap_content"
        card_view:cardCornerRadius="8dp"
        card_view:cardElevation="4dp">

        <!-- 这里放CardView内部的内容，比如文本、图片等 -->
        <TextView
            android:id="@+id/tv_content"
            android:layout_width="match_parent"
            android:layout_height="120dp"
            android:gravity="center"
            android:text="示例卡片"
            android:textSize="18sp"/>

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

这里给外层LinearLayout加了android:gravity="center"，就能让内部的CardView自动居中，同时限制CardView的宽度，避免它占满整个屏幕。

2. 修改主布局文件（activity_main.xml） #

把原来的LinearLayout换成RecyclerView，让它占满整个屏幕空间：

<?xml version="1.0" encoding="utf-8"?>
<androidx.recyclerview.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"/>

3. 完善MainActivity代码，配置RecyclerView #

给RecyclerView设置适配器和布局管理器，不管是纵向还是横向列表，都能保证CardView居中：

public class MainActivity extends AppCompatActivity {
    private RecyclerView recyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = findViewById(R.id.recyclerView);
        
        // 配置纵向布局管理器，确保每个Item的居中效果
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(layoutManager);

        // 设置适配器（替换成你自己的业务适配器即可）
        CardAdapter adapter = new CardAdapter(getTestData());
        recyclerView.setAdapter(adapter);
    }

    // 模拟测试数据
    private List<String> getTestData() {
        List<String> dataList = new ArrayList<>();
        for (int i = 1; i <= 10; i++) {
            dataList.add("第" + i + "张卡片");
        }
        return dataList;
    }

    // 示例适配器
    private class CardAdapter extends RecyclerView.Adapter<CardAdapter.ViewHolder> {
        private List<String> mData;

        public CardAdapter(List<String> data) {
            mData = data;
        }

        @NonNull
        @Override
        public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_card, parent, false);
            return new ViewHolder(view);
        }

        @Override
        public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
            holder.tvContent.setText(mData.get(position));
        }

        @Override
        public int getItemCount() {
            return mData.size();
        }

        class ViewHolder extends RecyclerView.ViewHolder {
            TextView tvContent;

            public ViewHolder(@NonNull View itemView) {
                super(itemView);
                tvContent = itemView.findViewById(R.id.tv_content);
            }
        }
    }
}

额外：横向列表的居中处理 #

如果你的RecyclerView是横向滚动的，只需要修改布局管理器的方向就行，Item布局的居中逻辑不用变：

LinearLayoutManager layoutManager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);
recyclerView.setLayoutManager(layoutManager);

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