android - Android GridView 绘制分隔线

Question

我想知道在 GridView 中的项目（当前为文本视图）之间绘制分隔线的最简单方法。我能想到的唯一方法是在这些文本视图周围绘制边框，这样当组合起来时，它们看起来就像连续的水平和垂直分隔线。

列表视图有一个 setDivider() 但网格视图没有？

谢谢。

Answer 1

如果您只想要简单的线条作为边框，那么简单得多的是为 aGridView和适当的填充和间距设置背景颜色：

<GridView
    (...)
    android:background="@color/LightGold"
    android:listSelector="@android:color/transparent"
    android:horizontalSpacing="1dip"
    android:verticalSpacing="1dip"
    android:paddingLeft="1dip"
    android:paddingTop="1dip" />

Answer 2

不幸的是，在查看源代码后，除了采用为每个单元格添加边框的方法之外，我看不到任何简单的添加边框的方法。作为参考，我将在这里发布我的解决方案。

list_item.xml

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

    <!-- Cell contents -->

</LinearLayout>

list_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_selected="true" 
        android:drawable="@drawable/item_border_selected" 
    />
    <item 
        android:state_pressed="true" 
        android:drawable="@drawable/item_border_selected" 
    />
    <item
        android:drawable="@drawable/item_border" 
    />
</selector>

item_border.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid 
        android:color="@android:color/transparent" 
    />
    <stroke 
        android:width="1px" 
        android:color="@color/list_divider" 
    />
</shape>

item_border_selected.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid 
        android:color="@color/list_select" 
    />
    <stroke 
        android:width="1px" 
        android:color="@color/list_divider" 
    />
</shape>

items_view.xml

<?xml version="1.0" encoding="utf-8"?>
<GridView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginLeft="-1px"
    android:layout_marginRight="-1px"
    android:listSelector="@android:color/transparent"
/>

由于所有线条在连接相邻单元格时都会加倍，因此我将分隔线尺寸设为 1px 而不是 1dp，因此在某些屏幕上不会显得太大。此外，我使网格视图具有负边距以隐藏两侧的线条。我希望这可以帮助别人。