Separadores de dibujo de Android GridView

border divider

Question

Me gustaría saber la forma más sencilla de dibujar divisores entre elementos (actualmente vistas de texto) dentro de un GridView. La única forma en que se me ocurre es dibujar bordes alrededor de esas vistas de texto, de modo que cuando se combinan, se vean como divisores horizontales y verticales continuos.

Hay un setDivider () para listviews pero no para gridviews?

Gracias.

Answer 1

En caso de que desee simplemente líneas simples como bordes, mucho, mucho más simple es establecer un color de fondo para un GridView y el relleno y espaciado adecuados:

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

Answer 2

Lamentablemente, después de mirar el código fuente, no pude ver ninguna manera fácil de agregar bordes, además de tomar el enfoque de agregar bordes a cada celda. Como referencia, publicaré mi solución aquí.

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

Como todas las líneas duplican su tamaño cuando se unen a las celdas vecinas, hice el divisor tamaño 1px en lugar de 1dp, por lo que no parece demasiado grande en algunas pantallas. Además, hice que la vista de cuadrícula tenga márgenes negativos para ocultar las líneas de cada lado. Espero que esto ayude a alguien.