如何在RecyclerView中的项目之间添加分隔符和空格?

这是一个如何在ListView类中使用dividerdividerHeight参数完成的示例

<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"/>

但是,我在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"/>

在这种情况下,定义边距和/或直接将自定义分隔视图添加到列表项的布局是否可行,还是有更好的方法来实现我的目标?


2016年10月更新

Android支持库DividerItemDecoration版引入了DividerItemDecoration类:

DividerItemDecoration是一个RecyclerView.ItemDecoration,可用作LinearLayoutManager项目之间的分隔符。 它支持HORIZONTAL和VERTICAL方向。

用法:

DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
    layoutManager.getOrientation());
recyclerView.addItemDecoration(dividerItemDecoration);

先前的回答

有些答案要么使用已经过时的方法,要么不提供完整的解决方案,所以我试图做一个简短的最新的总结。


ListView不同, RecyclerView类没有与分隔符相关的参数。 相反,您需要扩展RecyclerView的内部类ItemDecoration

ItemDecoration允许应用程序从适配器的数据集中为特定的项目视图添加特殊的图形和布局偏移量。 这对于在项目之间绘制分隔线,突出显示,视觉分组边界等等非常有用。

所有ItemDecorations按照它们在项目视图(onDraw())之前和项目之后(在onDrawOver(Canvas,RecyclerView,RecyclerView.State))中添加的顺序绘制。

垂直间距ItemDecoration

扩展ItemDecoration ,添加以空间高度作为参数的自定义构造函数并覆盖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;
    }
}

如果您不想在最后一项下插入空格,请添加以下条件:

if (parent.getChildAdapterPosition(view) != parent.getAdapter().getItemCount() - 1) {
            outRect.bottom = verticalSpaceHeight;
}

注意:您也可以修改outRect.topoutRect.leftoutRect.right属性以获得所需的效果。

Divider ItemDecoration

扩展ItemDecoration并覆盖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);
        }
    }
}

您可以调用使用默认Android分隔符属性的第一个构造函数,或者使用您自己的drawable属性的第二个构造函数,例如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>

注意:如果您希望将分隔线绘制在您的项目上,请onDrawOver()方法。

用法

要使用新类,请将VerticalSpaceItemDecorationDividerSpaceItemDecoration添加到RecyclerView ,例如在片段的onCreateView()方法中:

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;
}

还有卢卡斯罗查的图书馆应该简化物品装饰过程。 还没有尝试过。

其特点是:

  • 库存物品装饰的集合包括:
  • 项目间隔水平/垂直分隔符。
  • 项目清单

  • 可能我会将你的注意力引向Github上Alex Fu的这个特定文件:https://gist.github.com/alexfu/0f464fc3742f134ccd1e

    这是直接从支持演示中截取的DividerItemDecoration.java示例文件(https://plus.google.com/103498612790395592106/posts/VVEB3m7NkSS)

    在我的项目中导入此文件并将其作为项目装饰添加到回收站视图后,我能够很好地获得分隔线。

    下面是我的onCreateView在包含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;
    }
    

    我相信可以做更多的造型,但这是一个起点。 :)


    只需添加

    recyclerView.addItemDecoration(new DividerItemDecoration(getContext(),
                    DividerItemDecoration.VERTICAL));
    

    您也可能需要添加依赖项
    compile 'com.android.support:recyclerview-v7:26.0.1'

    编辑:

    为了自定义它,您可以添加一个自定义绘图:

    DividerItemDecoration itemDecorator = new DividerItemDecoration(getContext(), DividerItemDecoration.VERTICAL);
    itemDecorator.setDrawable(ContextCompat.getDrawable(getContext(), R.drawable.divider));
    

    您可以自由使用任何自定义drawable,例如:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
           android:shape="rectangle">
        <solid android:color="@color/colorPrimary"/>
        <size android:height="0.5dp"/>
    </shape>
    
    链接地址: http://www.djcxy.com/p/93267.html

    上一篇: How to add dividers and spaces between items in RecyclerView?

    下一篇: Spacing between listView Items Android