Cómo crear un botón en Android Studio

5
3906
tutoriales android studio

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

button-android-1

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

nombre-id-buttonbutton-2

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:

boton-color-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.

piruleta-drawable

piruleta-android

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:

botton-piruleta

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)

text-piruleta-button

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

button-1

Dos botones

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)

text-final

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!

Nuevo: Cómo darle función a un botón en Android Studio

5 Comentarios

  1. 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

Dejar respuesta

Please enter your comment!
Please enter your name here