Tip Android #04: dibujar líneas separadoras

22/01/2013
android tip

Si queremos dibujar una líneas separadoras horizontales, tenemos varias opciones.

Con un view: la línea será su ancho y su color el background (o un drawable con bordes curvos, gradientes…)

<View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="@android:color/black"/>

Hacer lo mismo pero con un LinearLayout.

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="1dp" 
android:background="@color/black" 
android:orientation="horizontal"
/>

Usar directamente una imagen. De hecho, Android ya incluye imágenes para este cometido, es cuestión de curiosear un poco por android/android-sdk-linux/platforms/ y copiar y modificar la que más nos convenga para incluirla en nuestro proyecto ya que la disponibilidad de estas imágenes dependerá de cada api.

<ImageView
android:id="@+id/imageViewSeparator"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:src="@android:drawable/divider_horizontal_bright”
android:scaleType="fitXY"/>

Un ejemplo de un view:

<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:gravity="center">

<View
android:layout_width="fill_parent"
android:layout_height="10dp"
android:background="@drawable/separador"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"/>

</LinearLayout>

Con el siguiente drawable

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

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

    <corners android:radius="5dp" />

</shape>

Tendríamos esto: