En estos días os estuvimos explicando cómo crear un layout y cómo añadir elementos a un layout, por lo que es el momento de dar el salto a los botones (Button) por si queremos hacer aplicaciones para Android sencillas como implementar una calculadora o simplemente, un botón que nos lleve a otro layout.
Cómo crear un botón en Android Studio
Pues bien, una vez situados en el layout, haremos clic en «Button» y lo arrastraremos hacia nuestro layout.
Button
Tras arrastrarlo, nos aparecerá en nuestro layout como bien contemplamos en la imagen anterior. Pero será a la derecha en propiedades dónde le daremos estilo, por si queremos cambiarle el color fondo u otros atributos.
Cambiando el nombre del botón y el id
Si hacemos doble clic en el botón, nos saldrán las opciones de texto e id. Ahora nuestro botón se llama «AndroidStudioFAQs» y el id es «button1», el id es muy importante, puesto que lo llamaremos más adelante desde la actividad para darle comportamiento.
Cambiando el color
Para cambiar el color, basta con situarnos encima del botón y echar un vistazo entre las propiedades, dónde encontraremos la opción de «Background», podemos añadir una imagen que añadiremos dentro de la carpeta de Drawable o bien, seleccionar un color del sistema, como por ejemplo verde:
Imagen en botón
Para añadir una imagen a un botón, primero debemos introducirla en la carpeta de Drawable, en formato .png y sin caracteres raros en su nombre, o nos dará error.
Como podemos ver en la anterior imagen, piruleta.png ya se encuentra en nuestro proyecto tras añadirla a la carpeta, por lo que ahora solo queda añadirla al layout para que sustituya a nuestro feo botón:
Para eliminar el anterior texto de AndroidStudioFAQs del botón, basta con hacer clic encima y dejar el campo de texto vacío.
Resultado en Text (1)
Como podéis ver, no es demasiado código para añadir un texto y una imagen a nuestro layout. Realmente es muy sencillo.
Es una manera rápida y sencilla de personalizar botones para darle un fondo bonito y eliminar ese grisáceo predeterminado. Si queremos un botón más realista, podemos buscar uno de 50×50 aproximadamente y añadirlo al background, por ejemplo:
Botón add
Dos botones
Para añadir dos botones, haremos lo mismo que hacíamos hasta ahora, arrastrar primero un button y luego otro hacia nuestro layout.
Resultado Text (2)
Y esto ha sido todo para esta parte del botón. En el siguiente artículo de botones hablaremos cómo darles comportamiento, para que al hacer clic en un botón ocurra algo, como que por ejemplo se abra un nuevo layout.
Espero que os haya gustado el post y cualquier duda o sugerencia, en los comentarios. ¡Gracias por leernos!
Muchas gracias por el tutorial, me sirvió de mucha ayuda.
A ti por leernos 🙂
No me funciona, hice todo, pero al momento de comenzar, me queda en %…
no avanza nada de nada!
Gracias por los tutoriales, son cortos pero precisos, lamentablemente no estan hechos para alguien que quiera iniciarse en Android Studio, debe tener conocimientos Basicos de Java, e incluso de como instalar la aplicacion y saber como funciona el nuevo entorno.
Les recomiendo hacer un tutorial que se llame (Android Studio para Principiantes), y explicar el entorno, como se dibuja el Frame, como esta dividido, donde esta el codigo, como ejecutar los eventos, donde se guardan las propiedades de un objeto.
Cosas asi serian de gran utilidad para alguien que se esta iniciando y viene de otro tipo de plataformas donde esta acostumbrado a trabajar con Objetos con Propiedades y Eventos, asi como librerias.
Incluso el flujo del programa basico sin nada, algo como, PASO 01, se ejecuta este codigo para hacer esto, PASO 02, se ejecuta Esto. y llama a esta clase y ejecuta en Esto otro.
Saludos
Humberto
Lo tendremos en cuenta amigo, muchas gracias >_<