Como Aplicar Colores Degradados a Figuras Geométricas en Android Studio

Android

Los colores son muy importantes en el diseño de tu aplicativo móvil en Android, existen colores gradientes que en ciertas ocasiones es necesario hacer uso de ellos, te has preguntando como se hace este tipo de colores y como implementarlo, en este artículo vamos a enseñarte como crear este tipo de colores gradientes y otros detalles, vamos con el artículo.

Los elementos que soportan colores degradados son las figuras geométricas o elementos. En Android Studio podemos crear figuras Geométricas mediante la etiqueta <shape> (en español significa forma), la cual usaremos para darles este tipo de colores degradados.

Primero crea un Proyecto en Android Studio, te recomendamos leer nuestro artículo Que es Android y tu Primera aplicación Hola Mundo si es que no sabes crear un proyecto, si ya sabes como hacerlo puedes continuar con este tutorial.

Ahora ve a la carpeta drawable y crea un archivo llamado circulo.xml 

Abre el archivo y empezamos creando la etiqueta item y dentro de ella colocamos la etiqueta shape

A la etiqueta shape le podemos aplicar atributos para dibujar una figura geométrica la cual será un circulo para este ejemplo, vamos a decirle que nuestra forma va ser un circulo agregando lo siguiente

Dentro de la etiqueta shape podemos agregar etiquetas para estilizar y darle forma a nuestro circulo, por ejemplo vamos a darle un color solido purpura agregando los siguiente

]Tenemos un circulo inicial con el color que le hemos asignado

Ahora vamos a darle un ancho, alto y borde para mejorar su aspecto, agregamos las siguientes etiquetas stroke y size con las propiedades correspondientes

Nuestro círculo tiene un mejor aspecto ahora

Por último vamos a dar el color degradado, para esto necesitaremos mas de un color, usaremos 2 colores, ahora comentaremos la etiqueta con el color solido que agregamos inicialmente y agregamos la etiqueta gradient en donde podemos personalizar el angulo del color degradado, color inicial y el color final

Listo tenemos nuestra figura con un color degradado

Si deseas crear un cuadrado o rectángulo, solo cambia el atributo oval por rectangle de la etiqueta shape, crea un nuevo archivo llamado rectangulo.xml en la carpeta drawable y agrega lo siguiente

Para este rectángulo le aplicamos 2 colores diferentes de la figura del circulo anterior

Pongamos las 2 formas en un Activity, vayamos a la carpeta layouts en donde se nos ha creado un archivo XML para el Activity de nuesro proyecto

Abre el archivo mainactivity.xml o el creado para tu activity y agrega las 2 figuras dentro de 2 ImageView diferentes

Las formas las estamos llamando dentro del atributo android:src=”@drawable/circulo”android:src=”@drawable/rectangulo”, ejecuta el emulador y tenemos las figuras que hemos creado con colores degradados

Notas

  • También se le puede aplicar colores degradados a los elementos de interface de la aplicación como botones, menús, etc
  • Algunas etiquetas y atributos pueden cambiar en futuras versiones de Android, esto no depende de nosotros si no de los ingenieros que dan soporte a Android y Android Studio.

 

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required