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:
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"
/>
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"
/>
Gracias buen aporte
ResponderEliminarSuper genial, me ayudo mucho
ResponderEliminar