Question

如何为GridView设置自定义分隔线？
我的意思是，有一个带有蓝色渐变分隔符的.png项目，但是如何将它放在GridView的正确位置？

通过互联网搜索没有带来任何可行的结果..

期望：

现实：

gridview wrapper xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/primary_blue_dark"
android:orientation="vertical">

....

<GridView
    android:id="@+id/gv_stock"
    android:paddingEnd="@dimen/activity_horizontal_margin"
    android:paddingStart="@dimen/activity_horizontal_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchMode="columnWidth"
    android:numColumns="2"/>
</LinearLayout>

gridview item xml：

<?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"
android:background="@color/primary_blue_dark"
style="@style/padded_layout"
android:weightSum="2">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:layout_weight="1">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        style="@style/teal_text_middle"
        android:gravity="center"
        android:text="test"/>

</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:layout_weight="1"
    android:gravity="center">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="2">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.7"/>
        <ImageView
            android:id="@+id/iv_arrow"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1.3"
            android:src="@drawable/ic_arrow_green"/>
    </LinearLayout>

    <TextView
        android:id="@+id/tv_value"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        style="@style/white_text_big"
        android:gravity="center"
        android:text="test"/>
</LinearLayout>

</LinearLayout>

Answer 1

使用这个答案here并简单地改变像这样的图像的灰色纯色背景颜色（我将其设置为hdpi分辨率 - 但它应该上下拉伸），

你应该得到这样的效果（这里是在ldpi设备上，因此按比例缩小两次）：

这与你正在寻找的东西并不太远。

至少在原则上它起作用。它可能需要一些调整（缩小垂直中心部分），但你有了这个概念。您可能还想覆盖一些顶部（也可能是底部）部分，以隐藏技巧。

简单的＆＃34;通过＆＃34;效果，你可以避免搞乱样式/主题。

<强> [编辑]

是的，我知道，它是MAINZ，而不是MEINZ（但是，嗯......声音确实是一样的！快点是一个糟糕的顾问，你知道）。

Answer 2

将GridLayoutManager与Recyclerview一起使用，并添加以下gist中的Itemdecoration。您可以根据您的要求更改偏移量。

GridView的可绘制分隔线

2 个答案: