Questo è un esempio di come si sarebbe potuto fare in precedenza nella classe ListView
, usando i parametri divider e dividerHeight:
<ListView
android:id="@+id/activity_home_list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@android:color/transparent"
android:dividerHeight="8dp"/>
Tuttavia, non vedo questa possibilità nella classe RecyclerView
.
<android.support.v7.widget.RecyclerView
android:id="@+id/activity_home_recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical"/>
In questo caso, va bene definire i margini e/o aggiungere una vista divisoria personalizzata direttamente nel layout di un elemento della lista o c'è un modo migliore per raggiungere il mio obiettivo?
Aggiornamento ottobre 2016
La versione 25.0.0 di Android Support Library ha introdotto la classe DividerItemDecoration
:
DividerItemDecoration è una RecyclerView.ItemDecoration che può essere usata come divisore tra gli elementi di un LinearLayoutManager
. Supporta entrambi gli orientamenti HORIZONTAL
e VERTICAL
.
Utilizzo:
DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
layoutManager.getOrientation());
recyclerView.addItemDecoration(dividerItemDecoration);
Risposta precedente
Alcune risposte o usano metodi che sono diventati deprecati, o non danno una soluzione completa, quindi ho cercato di fare un breve e aggiornato riepilogo.
A differenza di ListView
, la classe RecyclerView
non ha parametri relativi al divisore. Invece, è necessario estendere ItemDecoration
, una classe interna di RecyclerView
:
Una ItemDecoration
permette all'applicazione di aggiungere un disegno speciale e un offset di layout a specifiche viste di elementi dall'insieme di dati dell'adattatore. Questo può essere utile per disegnare divisori tra gli elementi, evidenziazioni, confini visivi di raggruppamento e altro.
Tutte le ItemDecoration
sono disegnate nell'ordine in cui sono state aggiunte, prima delle viste degli elementi (in onDraw()
) e dopo gli elementi (in onDrawOver(Canvas
, RecyclerView
, RecyclerView.State)
.
Vertical
ItemDecoration
Estendere ItemDecoration
, aggiungere un costruttore personalizzato che prenda lo spazio height
come parametro e sovrascrivere il metodo getItemOffsets()
:
public class VerticalSpaceItemDecoration extends RecyclerView.ItemDecoration {
private final int verticalSpaceHeight;
public VerticalSpaceItemDecoration(int verticalSpaceHeight) {
this.verticalSpaceHeight = verticalSpaceHeight;
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
RecyclerView.State state) {
outRect.bottom = verticalSpaceHeight;
}
}
Se non vuoi inserire lo spazio sotto l'ultimo elemento, aggiungi la seguente condizione:
if (parent.getChildAdapterPosition(view) != parent.getAdapter().getItemCount() - 1) {
outRect.bottom = verticalSpaceHeight;
}
Nota: puoi anche modificare le proprietà outRect.top
, outRect.left
e outRect.right
per l'effetto desiderato.
ItemDecoration
Estendere ItemDecoration
e sovrascrivere il metodo onDraw()
:
public class DividerItemDecoration extends RecyclerView.ItemDecoration {
private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
private Drawable divider;
/**
* Default divider will be used
*/
public DividerItemDecoration(Context context) {
final TypedArray styledAttributes = context.obtainStyledAttributes(ATTRS);
divider = styledAttributes.getDrawable(0);
styledAttributes.recycle();
}
/**
* Custom divider will be used
*/
public DividerItemDecoration(Context context, int resId) {
divider = ContextCompat.getDrawable(context, resId);
}
@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
int left = parent.getPaddingLeft();
int right = parent.getWidth() - parent.getPaddingRight();
int childCount = parent.getChildCount();
for (int i = 0; i < childCount; i++) {
View child = parent.getChildAt(i);
RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
int top = child.getBottom() + params.bottomMargin;
int bottom = top + divider.getIntrinsicHeight();
divider.setBounds(left, top, right, bottom);
divider.draw(c);
}
}
}
Si può chiamare il primo costruttore che usa gli attributi predefiniti del divisore di Android, oppure il secondo che usa il proprio drawable, per esempio drawable/divider.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:height="1dp" />
<solid android:color="#ff992900" />
</shape>
Nota: se vuoi che il divisore sia disegnato sopra i tuoi oggetti, sovrascrivi invece il metodo onDrawOver()
.
Per usare la tua nuova classe aggiungi VerticalSpaceItemDecoration
o DividerSpaceItemDecoration
a RecyclerView
, per esempio nel metodo onCreateView()
del tuo frammento:
private static final int VERTICAL_ITEM_SPACE = 48;
private RecyclerView recyclerView;
private LinearLayoutManager linearLayoutManager;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_feed, container, false);
recyclerView = (RecyclerView) rootView.findViewById(R.id.fragment_home_recycler_view);
linearLayoutManager = new LinearLayoutManager(getActivity());
recyclerView.setLayoutManager(linearLayoutManager);
//add ItemDecoration
recyclerView.addItemDecoration(new VerticalSpaceItemDecoration(VERTICAL_ITEM_SPACE));
//or
recyclerView.addItemDecoration(new DividerItemDecoration(getActivity()));
//or
recyclerView.addItemDecoration(
new DividerItemDecoration(getActivity(), R.drawable.divider));
recyclerView.setAdapter(...);
return rootView;
}
C'è anche Lucas Rocha's library che dovrebbe semplificare il processo di decorazione degli oggetti. Non l'ho provata però.
Tra le sue caratteristiche ci sono:
Potrei indirizzare la vostra attenzione su questo particolare file su Github di Alex Fu: https://gist.github.com/alexfu/0f464fc3742f134ccd1e
È il file di esempio DividerItemDecoration.java "tirato direttamente dalle demo di supporto".(https://plus.google.com/103498612790395592106/posts/VVEB3m7NkSS)
Sono stato in grado di ottenere linee divisorie piacevolmente dopo aver importato questo file nel mio progetto e aggiungerlo come decorazione dell'elemento alla vista recycler.
Ecco come appare il mio onCreateView nel mio frammento contenente la Recyclerview:
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_recycler_view, container, false);
mRecyclerView = (RecyclerView) rootView.findViewById(R.id.my_recycler_view);
mRecyclerView.addItemDecoration(new DividerItemDecoration(getActivity(), DividerItemDecoration.VERTICAL_LIST));
mRecyclerView.setHasFixedSize(true);
mLayoutManager = new LinearLayoutManager(getActivity());
mRecyclerView.setLayoutManager(mLayoutManager);
mRecyclerView.setItemAnimator(new DefaultItemAnimator());
return rootView;
}
Sono sicuro che si possono fare altri stili, ma è un punto di partenza :)
Questo non risolve effettivamente il problema, ma come soluzione temporanea, potete impostare la proprietà useCompatPadding sulla scheda nel vostro layout XML per farla misurare come nelle versioni pre-Lollipop.
card_view:cardUseCompatPadding="true"