Tip Android #04: dibujar líneas separadoras

22/01/2013
android tip

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

  1. 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"/>
    
  2. Hacer lo mismo pero con un LinearLayout.
    <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="1dp" 
    android:background="@color/black" 
    android:orientation="horizontal"
    />
    
  3. 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:

    separador

    << TIPS ANDROID

One Response to Tip Android #04: dibujar líneas separadoras

  1. Pingback: Android Tutorial: Dialog personalizado | Blog de Tecnopcx

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: