Android faqs (II): Agregar una imagen a un botón

Bien podemos usar un elemento Button y combinar texto con imagen o solo imagen.

Por ejemplo, en el xml del layout de la actividad correspondiente:

(Button con Texto + Imagen)
   <Button
        android:id="@+id/buttonAceptar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="53dp"
        android:layout_marginTop="164dp"
        android:drawableLeft="@drawable/content_save" 
        android:text="@string/text_button_aceptar" />

El elemento "drawableLeft" indica que la imagen va a la izquierda del botón, bien podría ser drawableRight, drawableTop, drawableBottom, etc.
Luego, "@drawable/content_save" hace referencia a la imagen en el path del proyecto res/drawable-hdpi/content_save.png

De la misma forma:
(Button con Imagen sin texto)
    <Button
        android:id="@+id/buttonCancelar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/buttonAceptar"
        android:layout_alignBottom="@+id/buttonAceptar"
        android:layout_marginLeft="27dp"
        android:layout_toRightOf="@+id/buttonAceptar"
        android:drawableLeft="@drawable/content_discard"
         />


O podemos directamente usar un elemento ImageButton de la siguiente forma.
Por ejemplo:

 <ImageButton
        android:id="@+id/imageButtonSearch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/buttonAceptar"
        android:layout_below="@+id/buttonAceptar"
        android:layout_marginTop="16dp"
        android:src="@drawable/action_search"
        android:contentDescription="@string/text_buscar"
        />








Comentarios

Publicar un comentario

Entradas populares de este blog

GDG DevFest Uruguay 2012

GDG Latam Summit & Tech Talks 2012