android - CardView 在 RecyclerView 内部对齐

Question

我正在使用 RecyclerView 和 LinearLayoutManager，项目是 CardViews。所有卡片都有固定的(以像素为单位)宽度。 RecyclerView 放置在 SwipeRefreshLayout 中，如果这很重要的话。

如何仅使用 xml 水平对齐每个 RecyclerView 项目？将 android:layout_gravity="center" 应用于卡片没有任何效果。

与 RecyclerView 的部分:

<android.support.v4.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/swipe_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/news_recycler_view"
        android:paddingTop="16dp"
        android:paddingBottom="16dp"
        android:clipToPadding="false"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</android.support.v4.widget.SwipeRefreshLayout>

卡片布局:

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_view"
    android:layout_height="wrap_content"
    style="@style/CardStyle">

    ...
</android.support.v7.widget.CardView>

风格:

<style name="CardStyle" parent="CardView.Light">
     ...
    <item name="android:layout_marginBottom">8dp</item>
    <item name="android:layout_width">@dimen/cardview_width</item>
</style>

Answer 1

尝试使用 gravity="center"将 CardView 包裹在 LinearLayout 中

<android.support.v4.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/swipe_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">                

        <android.support.v7.widget.RecyclerView
           android:id="@+id/news_recycler_view"
           android:paddingTop="16dp"
           android:paddingBottom="16dp"
           android:clipToPadding="false"
           android:layout_width="200dp"
           android:layout_height="wrap_content"/>
    </LinearLayout>

</android.support.v4.widget.SwipeRefreshLayout>

编辑:

我们可以尝试将 RecyclerView 的 subview 包装在线性布局中以实现此效果。

我也在我的 RecyclerView 适配器中为我自己的 ViewHolders 使用了这个技巧(小 fragment ):

<?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:padding="10dp"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        card_view:cardUseCompatPadding="true"
        card_view:cardPreventCornerOverlap="false"
        card_view:cardElevation="5dp"
        card_view:cardCornerRadius="20dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:id="@+id/title"
                android:textStyle="bold"
                android:padding="10dp"
                android:textSize="18sp"
                android:gravity="center"
                android:background="@drawable/cardview_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <LinearLayout
                android:id="@+id/question_holder"
                android:padding="10dp"
                android:gravity="center"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical" />
        </LinearLayout>
    </android.support.v7.widget.CardView>
</LinearLayout>