Componente personalizado de botón multicolor

Partes del componente

Consiste en 3 piezas claves, dos paletas de colores que en un inicio son azul y rojo y también un botón interactuable que cambia de color y muestra texto.

¿Cómo se usa?

Es bastante simple, hay 3 formas de interacción entre el usuario y el componente, uno sería clickear un botón de color para que se realice una animación en la que el botón central cambia de su color natural al color seleccionado, pasando por una animación en la que pasa por una variante más suave de dicho color hasta llegar al color seleccionado. Eso no es todo, el botón principal en principio solo se usa para cambiar su color, pero también es interactuable, cada vez que lo clickeas cambiará de texto pidiendo que dejes de clickearlo, ya que no es la función del componente.

¿Para qué sirve?

Practicamente este componente sirve para realizar algún tipo de juego o prueba a añadirse a proyectos más grandes que necesite dicho efecto de animación e interacción entre el usuario con una paleta de colores.

Distribución

Todo usuario es completamente libre de realizar con el código del componente lo que quiere, ¿Qué cosas puede animarse a realizar? Pues podría ampliar la paleta de colores, cambiar los colores de la paleta para que el botón realice otras animaciones, y por último también se puede cambiar el efecto del botón principal para que su texto a mostrar sea otro, o cambie el orden de diálogos o se añadan más o se elimine dicha opción, además de poder ampliar la funcionalidad del botón. O incluso se puede retirar el botón y reutilizar su código para que en lugar de ser un botón sea otro componente como checkbox, además puedes usar este componente en cualquier proyecto.