Extraer el perfil de color de una imagen en Android | por yggr | Septiembre de 2021
En Android, puede usar la imagen de AndroidX para extraer el perfil de color de la imagen Palette
Interfaz de programación de aplicaciones. Generalmente, querrá usar el perfil de color de la imagen para crear un widget de coordinación de color basado en imágenes. Por ejemplo, una tarjeta puede tener una imagen y un texto de título, coloreados según el perfil de color de la imagen.
Aquí haremos una sencilla aplicación para extraer perfiles de color de múltiples imágenes. Este es el aspecto final:
Puede extraer a través de 6 perfiles de color. Palette
Interfaz del programa de aplicación:
- Ligero y vibrante
- Enérgico
- Oscuro y vibrante
- Luz muda
- Silencio
- Mudo oscuro
Cada perfil de color proporciona una paleta de colores con 3 colores principales:
rgb
: El color principal de la muestra.titleTextColor
: El color apropiado para el texto del «título» que se muestra en el color principal de la paleta de colores.bodyTextColor
: El color apropiado para el texto del «cuerpo» que se muestra en el color principal de la paleta de colores.
dejar‘¡Realice la aplicación que se muestra arriba!
La aplicación consta de un simple botón y una imagen. Cuando presione el botón, la imagen cambiará a otra imagen.Debajo de la imagen, hay 6 mosaicos que representan cada perfil de color proporcionado por Palette
API (brillante brillante, brillante brillante, oscuro brillante, brillante mudo, mudo y oscuro mudo).El color de fondo y texto de estos mosaicos cambiará a medida que cambie la imagen, que la imagen extrae de la imagen. Palette
Interfaz de programación de aplicaciones.
1. Abra Android Studio. Utilice la opción «Actividad vacía» para crear un nuevo proyecto. Establezca minSdkVersion en 21.
2. Agrega dos dependencias app/build.gradle
documento: palette-ktx
con picasso
Picasso es una biblioteca conveniente para descargar imágenes en Android. Usaremos imágenes descargadas de Internet, por lo que incluimos a Picasso.
3. Agregar android.permission.INTERNET
llegar AndroidManifest.xml
documento. Esto es necesario para descargar imágenes de Internet.
4. A continuación, primero crearemos el diseño. Solo necesitamos 1 diseño: activity_main.xml
.Así es como se ve (más el siguiente código):
5. Finalmente, actualizaremos MainActivity.kt
documento. Copie y pegue el código a continuación en su archivo.En resumen, lo que hace el siguiente código es usar Picasso para descargar una imagen de una URL y usarla al cargar la imagen. Palette
API para extraer 6 perfiles de color de la imagen descargada. También configuramos un OnClickListener para el botón para que cambie la imagen a la siguiente imagen que preparamos.
6. ¡Eso es!Ahora puede ejecutar esta aplicación y ver Palette
La API está en acción. También asegúrese de que su dispositivo esté conectado a Internet de antemano.
¡Como siempre, gracias por leer!