Como crear un BOTÓN REDONDO o redondeado en Android Studio. Ejemplo con código XML ( parte 1 )

Existen varias maneras de hacer un botón redondo o redondeado. Una de ellas, y la más fácil/práctica, es crea el archivo en una imagen PNG y después asignarlo a un IMAGEBUTTON en su BACKGROUND.

También podemos hacerlo mediante código XML directamente en Android Studio. Aquí estan los pasos para un ejemplo de botón redondeado.

- Debemos crear el archivo recurso XML. Botón derecho sobre RES => NEW => DRAWABLE FILE:

- Le asignamos un nombre en FILE NAME:

- En la casilla siguiente, cambiamos a SHAPE:

- Y se nos aparece el nuevo recurso en una pestaña para poderlo diseñarlo a nuestro gusto:

- Para este ejemplo, crearemos una imagen rectangular pero con las esquinar redondeadas ( que nos gustan tanto en Apple en sus interfaces :^]  ) 

- Dentro de la cápsula SHAPE escribimos ANDROID:SHAPE y selecionamos RECTANGLE y cerramos el comando:

- Abrimos nueva cápsula para los bordes. Aquí se nos aparecen distintos parámetros que podemos programar. De momento, CORNERS:

- Podemos escoger qué esquinas queremos modificar. Nosotros elegimos RADIUS:

- Tenemos las dimensiones por defecto que vienen en los dispositivos:

- Insertamos en DP la medida personalizada:

- Y cerramos la cápsula con ( > ) :

- Ahora el comando para darle solidez y poder visualizarlo. Abrimos con SOLID:

- ANDROID COLOR:

- Los colores por defecto se nos muestran:

- Para nuestro ejemplo, utilizaremos el blanco mate #ffffff , y cerramos:

- Para visualizar nuestro XML, a la derecha de nuestra interface, buscamos PREVIEW :

- Y nos aparecerá nuestro rectángulo:

Ahora sólo os quedaría utilizar el recurso como BACKGROUND / DRAWABLE en un IMAGEBUTTON, TEXTVIEW o un BUTTON.

Aquí tienes el código de un botón completamente redondo:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:width="50dp"        android:height="50dp"></size>
    <corners android:radius="25dp"></corners>
    <solid android:color="#e1ff4000"></solid>


</shape>

En la siguiente entrada de blog relacionado con botones XML, explicaremos como programar las diferentes faces por las que pasa y se nos muestra en la interface ( cambio de color, forma,etc... )

Saludos a tod@s y gracias por tu visita!