El diseño Material You se lanzó con la versión de Android 12 y se expandió con Android 13.
En esta página, se enfocan las actualizaciones de la lógica de Material You para ayudarte a integrar una compatibilidad más rica con el color dinámico.
Paletas de tonos de colores dinámicos
A partir de Android 12, se admiten las siguientes paletas de tonos de color dinámicos:
Cada uno de ellos consta de un conjunto de 13 colores con varios valores de luminancia definidos, como se describe en R.color
, pero con valores de tono y cromatismo no definidos que el sistema Android puede generar de forma dinámica durante el tiempo de ejecución.
Estilos de temas para el color dinámico
A partir de Android 13, se admiten seis estilos de temas diferentes con variaciones en el algoritmo de color dinámico que mantienen las necesidades de los desarrolladores y contrastan las expectativas. Estos se enumeran para generar los 65 colores dinámicos que usan las apps:
TONAL_SPOT
es una paleta de intensidad media que usa un colorsystem_accent3_0
similar al colorsystem_accent1_0
(se transfiere de la versión de Android 12 y se ajusta ligeramente).VIBRANT
es una paleta de alta intensidad que combina armoniosamente los cambios sutiles entre los colores.EXPRESSIVE
es una paleta de alta intensidad que combina colores de acentos inesperados y únicos.SPRITZ
es una paleta de baja intensidad que crea un lavado suave entre los colores.RAINBOW
usa acentos cromáticos y superficies neutras para crear una experiencia de color más sutil para los usuarios.- NO SE RECOMIENDA que se use con la extracción de colores basada en fondos de pantalla, sino con temas de colores estáticos.
FRUIT_SALAD
proporciona dos colores de tono para brindarles a los usuarios más expresión.- NO SE RECOMIENDA que se use con la extracción de colores basada en fondos de pantalla, sino con temas de colores estáticos.
El tema del sistema se basa en el mismo parámetro de configuración que tenía en Android 12, que es Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES
. Para Android 13, solo requiere una clave en su JSON que envíe el color de origen para generar las 65 paletas de colores:
{
"android.theme.customization.system_palette":"746BC1"
}
El estilo de tema predeterminado es TONAL_SPOT
, pero, de manera opcional, puedes especificar uno de los otros estilos de tema con una clave adicional con el JSON anterior:
{
"android.theme.customization.system_palette":"746BC1"
"android.theme.customization.theme_style":"EXPRESSIVE"
}
Cómo integrar el color dinámico
Para obtener lineamientos sobre la integración de colores dinámicos, consulta Cómo integrar Material You Design.
Preguntas frecuentes
¿Qué incluye la API de la paleta tonal dinámica?
Existen cinco paletas tonales:
Cada paleta tonal tiene 13 valores de color que terminan en los índices 0, 10, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 y 1000.
La API resultante es una combinación del nombre de la paleta tonal, que termina en el índice. Por ejemplo:
R.color#system_accent1_10
¿Cómo se genera una paleta tonal dinámica?
Se debe generar una paleta tonal dinámica a partir de un solo color de origen que se debe derivar del fondo de pantalla con com.android.systemui.monet.ColorScheme#getSeedColors
, que proporciona varios colores de origen válidos. Si ninguno de los colores proporcionados cumple con el requisito de color de origen, el color de origen único debe usar el valor 0xFF1B6EF3
.