今天遇到一個需求，那就是GridView要以PopupWindow的方式展示資料，並且需要給gridview新增分割線。

我們知道GridView是沒有想ListView那樣的divider分割線的，所以我們需要自己畫分割線。

一般來說我們是使用讓背景色透出來形成分割線或者給每一項Item描邊的方式產生分割線，當然，這在資料剛好填完整的時候是很好用的。

比如說，在這種情況下，看起來會很完美（我現在給的邊是4dp，為了看起來更直觀，現實中可能用不到這麼大的邊，為了更標準，我GridView本身再padding了4dp，所以現在的每條邊有8dp，）：

但是，在資料填不滿的情況下，就會出現這樣的問題。

或者我不要GridView的描邊，那麼現實是這樣的。

會很明顯的看出來，總會有一些邊要比中間的邊要細一半。總是達不到我要的效果。我需要圖三那樣的效果（沒有Item的地方現實底部的檢視），但是又想要每條邊都一樣粗細。

會出現中間的部分線條會比邊沿的部分線條寬。那是因為中間的線條是上下兩個item或者左右兩個item的邊拼起來的，也就是有8dp那麼寬，那麼我們怎麼讓它變成4dp呢？

現在說一下我的實現方式，靈感來源於http://stackoverflow.com/questions/7132030/android-gridview-draw-dividers

在裡面的第一條回覆中，我看到引數能夠輸入負數，也就是會隱藏一部分，下面來做一下實驗。

第一步，同樣的，我使每一項item四邊都有一條深色的邊顯示出來。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#494b4e"
    android:padding="4dp"
    android:gravity="center_horizontal"
    android:orientation="vertical" >


    <TextView
        android:id="@+id/tv_job"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#696c71"
        android:paddingBottom="@dimen/dim35"
        android:gravity="center"
        android:paddingTop="@dimen/dim35"
        android:singleLine="true"
        android:textColor="@color/white"
        android:textSize="@dimen/txt32" />


</LinearLayout>

第二部，我想辦法把拼接的邊從兩倍寬變成一倍寬。有兩個屬性是很好用的，那就是android:horizontalSpacing（水平邊距）和android:verticalSpacing（垂直邊距）；

既然這兩個屬效能設定0包括0以上的dp值，為什麼我不能設定0一下的dp值呢。

我試了一下（使用8dp，是效果更明顯），發現可行，並且很明顯的可以看出來，下邊的item會覆蓋住上邊的item的一部分，左右的item會覆蓋左邊的item的一部分。

<GridView
                    android:id="@+id/gv_second"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:horizontalSpacing="-8dp"
                    android:numColumns="3"
                    android:scrollbars="none"
                    android:verticalSpacing="-8dp" />

那麼，我讓他剛好覆蓋掉上一個item的邊和左右的item的邊會是什麼效果呢？發現結果是很漂亮的。

 <GridView
                    android:id="@+id/gv_second"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:horizontalSpacing="-4dp"
                    android:numColumns="3"
                    android:scrollbars="none"
                    android:verticalSpacing="-4dp" />

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#494b4e"
    android:padding="4dp"
    android:gravity="center_horizontal"
    android:orientation="vertical" >


    <TextView
        android:id="@+id/tv_job"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#696c71"
        android:paddingBottom="@dimen/dim35"
        android:gravity="center"
        android:paddingTop="@dimen/dim35"
        android:singleLine="true"
        android:textColor="@color/white"
        android:textSize="@dimen/txt32" />


</LinearLayout>