带有自定义分隔线的 GridLayoutManager

Question

我正在尝试在RecyclerView 和GridLayoutManager 中添加自定义分隔符，但没有成功，我进行了很多搜索并查看了下面提到的答案，但它没有帮助我

link 1
link 2
link 3

我想在RecyclerView 的每个项目之间加上黑线，如下所示。

我在每行之间有水平线，但也找不到如何在列之间获得这些线。

chintan soni's 回答完美，但它只在一种情况下产生问题，当我有 5 个视图时，它还显示其他 3 个项目的分隔符，如下所示：

Answer 1

看看这个：https://bignerdranch.github.io/simple-item-decoration/

将此添加到您的应用级别 gradle 并同步：

compile 'com.bignerdranch.android:simple-item-decoration:1.0.0'

然后，应用如下代码：

    Drawable horizontalDivider = ContextCompat.getDrawable(this, R.drawable.line_divider);
    Drawable verticalDivider = ContextCompat.getDrawable(this, R.drawable.line_divider);
    recyclerView.addItemDecoration(new GridDividerItemDecoration(horizontalDivider, verticalDivider, 4));

我的 line_divider.xml 如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:width="1dp"
        android:height="1dp" />

    <solid android:color="@android:color/black" />

</shape>

这只是我的一个快速回答。但这应该可行，我猜..

输出：

Answer 2

简单地说，用RecyclerView在布局中编写你的XML文件 在您的活动中编写以下代码以在RecyclerView 中实现GridLayoutManager 的分隔符

RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(getApplicationContext(), 3);
recyclerView.setLayoutManager(mLayoutManager);
recyclerView.setItemAnimator(new DefaultItemAnimator());
DividerItemDecoration Hdivider = new DividerItemDecoration(recyclerView.getContext(), DividerItemDecoration.HORIZONTAL);
DividerItemDecoration Vdivider = new DividerItemDecoration(recyclerView.getContext(), DividerItemDecoration.VERTICAL);
Hdivider.setDrawable(ContextCompat.getDrawable(getBaseContext(), R.drawable.divider));
Vdivider.setDrawable(ContextCompat.getDrawable(getBaseContext(), R.drawable.divider));
recyclerView.addItemDecoration(Hdivider);
recyclerView.addItemDecoration(Vdivider);

在上面，添加了水平和垂直分隔线以获得整个网格的外观。 Drawable 文件的外观可以与您的应用程序完全一样。我的看起来像这样。

   <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <size
            android:width="1dp"
            android:height="1dp" />
        <solid android:color="@color/white" />
    </shape>

编码愉快！

Answer 3

根据您的要求，我创建了四列。这将有四列的三条垂直线

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="@android:color/transparent"/>
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="@color/black"/>
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="@color/black"/>
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="@color/black"/>
    </RelativeLayout>
</LinearLayout>