Android - Espacement RecyclerView entre les éléments d'une grille

Dans mon application Android, je suis en utilisant un RecyclerView à l'affichage des éléments dans une grille à l'aide d'un GridLayoutManager.
Dans un GridView, afin de spécifier l'espacement entre les éléments, je mettrais le horizontalSpacing et verticalSpacing propriétés.

Alors, comment puis-je faire la même chose sur un RecyclerView?

source d'informationauteur Ernestina Juan

  1. 15

    Je n'ai pas testé avec un GridLayout mais pour un LinearLayout, j'ai simplement mis une marge pour chaque listitem racine de mise en page. Je suppose que si vous voulez le même espace entre tous les éléments (disons 8dp), vous avez pour ce faire:

    1. Ensemble layout_padding 4 dp à la RecyclerView.
    2. Ensemble layout_margin 4 dp pour chaque listitem.

    De cette façon, vous aurait une constante 8 dp autour de chaque élément.

    Le code ci-dessous est une horizontale RecyclerView qui affiche des images avec un espacement correct de 8 dp:

    <!-- fragment_layout.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="4dp">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layoutManager="android.support.v7.widget.LinearLayoutManager"
        tools:listitem="@layout/list_item" />

</LinearLayout>
    <!-- list_item.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:layout_margin="4dp">

    <ImageView
        android:layout_width="@dimen/thumbnail_size"
        android:layout_height="@dimen/thumbnail_size"
        android:contentDescription="@string/image_content_desc" />

</LinearLayout>

    EDIT: j'ai constaté que le point de vue besoin d'un ViewGroup parent, j'ai donc mis à jour le fragment de code.

  2. 4

    vous devez utiliser un ItemDecorator:

    comme ceci:

    public class EqualSpaceItemDecoration extends RecyclerView.ItemDecoration {

private final int mSpaceHeight;

public EqualSpaceItemDecoration(int mSpaceHeight) {
    this.mSpaceHeight = mSpaceHeight;
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
        RecyclerView.State state) {
    outRect.bottom = mSpaceHeight;
outRect.top = mSpaceHeight;
outRect.left = mSpaceHeight;
outRect.right = mSpaceHeight;
}
  3. 0
    public class EqualSpaceItemDecoration extends RecyclerView.ItemDecoration {

private final int mSpaceHeight;

public EqualSpaceItemDecoration(int mSpaceHeight) {
    this.mSpaceHeight = mSpaceHeight;
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
        RecyclerView.State state) {
    outRect.bottom = mSpaceHeight;
outRect.top = mSpaceHeight;
outRect.left = mSpaceHeight;
outRect.right = mSpaceHeight;
}

    La réponse ci-dessus va produire inégales largeurs des marges où les images se rencontrent.

    Ci-dessous la solution de produit de même des marges de 

     public void getItemOffsets (Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {        
        int position= parent.getChildAdapterPosition (view);
        int column = position% numberOfColumns;       
            outRect.left= margin-column*spacingPx/numberOfColumns;
            outRect.right= (column+1)* margin/numberOfColumns;
            outRect.top= margin;           

        }

    }