RecyclerView ItemDecoration: Abstand und Dividierer

Question

Unten ist, wie ich den Abstand für RecyclerView-Elemente mache. Es wurde entwickelt, um mit Grids und Listen zu arbeiten. Der Abstand funktioniert.

Was ich nicht herausfinden kann, ist, wie man eine Trennlinie auch einfügt. Jede Hilfe wird sehr geschätzt.

SIDE HINWEIS:, wenn Sie einen besseren Weg, den Abstand zu implementieren als das, was ich gerade tun, würde ich auch sehr dankbar :)

public class ItemOffsetDecoration extends RecyclerView.ItemDecoration { 

    private int numOfColumns; 
    private int listSize; 
    private int offsetInDp; 
    private boolean isGridView; 
    private boolean canScrollHorizontally; 
    private boolean isBottomRow = false; 


    public ItemOffsetDecoration(RecyclerView.LayoutManager manager, int listSize, int offsetInDp) { 
     this(manager, 1, listSize, offsetInDp); 
    } 

    public ItemOffsetDecoration(RecyclerView.LayoutManager manager, int numOfColumns, int listSize, int offsetInDp) { 
     this.numOfColumns = numOfColumns; 
     this.listSize = listSize; 
     this.offsetInDp = PixelConversionUtils.dpToPx(offsetInDp); 

     this.isGridView = manager instanceof GridLayoutManager; 
     this.canScrollHorizontally = manager.canScrollHorizontally(); 
    } 

    @Override 
    public void getItemOffsets(Rect outRect, View view, 
           RecyclerView parent, RecyclerView.State state) { 

     // only do left/right spacing if grid or horizontal list 
     if (isGridView || canScrollHorizontally) { 
      outRect.left = offsetInDp; 
      outRect.right = offsetInDp; 
     } 

     // only do top/bottom spacing if grid or vertical list 
     if (isGridView || !canScrollHorizontally) { 
      int pos = parent.getChildAdapterPosition(view); 
      boolean isNotTopRow = pos >= numOfColumns; 

      // Don't add top spacing to top row 
      if (isNotTopRow) { 
       outRect.top = offsetInDp; 
      } 

      int columnIndex = ((GridLayoutManager.LayoutParams) view.getLayoutParams()).getSpanIndex(); 

      if (pos >= (listSize - numOfColumns) && columnIndex == 0) { 
       isBottomRow = true; 
      } 

      // Don't add bottom spacing to bottom row 
      if (!isBottomRow && pos < (listSize - numOfColumns)) { 
       outRect.bottom = offsetInDp; 
      } 
     } 
    } 
} 

hier eine schnelle visuelle ist von dem, was ich bin auf der Suche zu tun:

hier ist, was ich habe:

hier ist, was ich will :

Answer 1

Sie können auf diese Weise gewünschtes Aussehen erreichen:

• ersten, erstellen Sie einen Teiler Drawable, in diesem Beispiel habe ich eine einfache Form verwendet, aber man kann Standardlinienteiler oder andere ziehbar verwenden:

  <shape xmlns:android="http://schemas.android.com/apk/res/android" 
      android:shape="rectangle"> 
      <size android:height="2dp" /> 
      <size android:width="2dp" /> 
      <solid android:color="#000000" /> 
  </shape> 
  

• Sekunde, in Ihrem ItemOffsetDecoration Drawable deklarieren und initialisieren:

  public class ItemOffsetDecoration extends RecyclerView.ItemDecoration { 
  
      private Drawable mDivider; 
  
      ... 
  
      public ItemOffsetDecoration(...) { 
       mDivider = ContextCompat.getDrawable(context, R.drawable.item_divider); 
      } 
  } 
  

• dritte, außer Kraft setzen onDrawOver() Methode:

  public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) { 
      if (isGridView) { 
       drawVerticalDivider(c, parent); 
      } else { 
       drawVerticalDivider(c, parent); 
       drawHorizontalDivider(c, parent); 
      } 
  
  } 
  

  wo drawVerticalDivider() & drawHorizontalDivider() sind (vielleicht eine gute Idee sein, um sie in die Betriebsverfahren und die Richtung des Teilers über Parametersteuerung zu Umgestalten):

  public void drawVerticalDivider(Canvas c, RecyclerView parent) { 
      if (parent.getChildCount() == 0) return; 
  
      final int childCount = parent.getChildCount(); 
  
      for (int i = 0; i < childCount; i++) { 
       View child = parent.getChildAt(i); 
       RecyclerView.LayoutParams params = 
         (RecyclerView.LayoutParams) child.getLayoutParams(); 
  
       int left = child.getLeft() - params.leftMargin - offsetInDp; 
       int right = child.getRight() + params.rightMargin + offsetInDp; 
       int top = child.getBottom() + params.bottomMargin + offsetInDp; 
       int bottom = top + mDivider.getIntrinsicHeight(); 
       mDivider.setBounds(left, top, right, bottom); 
       mDivider.draw(c); 
      } 
  } 
  
  public void drawHorizontalDivider(Canvas c, RecyclerView parent) { 
      final int childCount = parent.getChildCount(); 
  
      for (int i = 0; i < childCount; i++) { 
       View child = parent.getChildAt(i); 
       RecyclerView.LayoutParams params = 
         (RecyclerView.LayoutParams) child.getLayoutParams(); 
  
       int left = child.getRight() + params.rightMargin + offsetInDp; 
       int right = left + mDivider.getIntrinsicWidth(); 
       int top = child.getTop() - params.topMargin - offsetInDp; 
       int bottom = child.getBottom() + params.bottomMargin + offsetInDp; 
       mDivider.setBounds(left, top, right, bottom); 
       mDivider.draw(c); 
      } 
  } 
  

Ergebnis für den linearen und Grid LayoutManagers:

Answer 2

haha ​​...... actualy hatte, ich für Divider wie diese versuchen, wenn auch mit ein bisschen komisch: zuerst Sie recycleview backgroud mit dunkler Farbe machen, und item_view backgroud weiß, dann für jedes Element Margin machen - > ich bin ernst, nicht überstimmen :)

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_marginBottom="2dp" 
    android:layout_height="wrap_content"> 

    <TextView 
     android:layout_weight="1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" /> 

    <TextView 
     android:layout_weight="1" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" /> 

</LinearLayout> 

Answer 3

Versuchen Sie das folgende XML-snippet platzieren einen Teiler zu erhalten:

<View android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:layout_marginLeft="72dp" 
     android:layout_marginRight="16dp" 
     android:background="123e4152"/> 

Sie können dies im RecyclerView-Artikellayout unter Ihren Artikeln einfügen. Spielen Sie auch mit den Rändern und dem Hintergrund, um Ihrer Liste zu entsprechen.