10.4 Temas y Material You: colores dinámicos, fuentes y tamaños

10.4.1 Introducción a Material You

Material You es la evolución de Material Design que aporta personalización dinámica basada en el fondo de pantalla y preferencias del usuario. Permite adaptar colores, tipografías y dimensiones de forma automática y coherente en toda la app.

10.4.2 Colores dinámicos (Monet)

Android 12 incluye el motor de colores Monet, que genera una paleta a partir del fondo de pantalla:

• Extrae tonalidades primarias, secundarias y de acento.
• Aplica variaciones de claridad (tinte, tono, sombra).
• Se integra con DynamicColorTheme en Jetpack Compose o con MaterialComponents en Views.

Ejemplo en Jetpack Compose:

val dynamicColor = dynamicLightColorScheme(context)
/ o dynamicDarkColorScheme /
MaterialTheme(
  colorScheme = dynamicColor,
  typography = Typography,
  shapes = Shapes
) { / UI aquí / }

10.4.3 Tipografías y estilos de texto

• Material You define un Typography Scale flexibles:

Configuración en themes.xml o en Compose:

• En XML: definir ltitem name=fontFamilygt y ltitem name=android:textSizegt.
• En Compose: personalizar Typography() con FontFamily y TextStyle.

10.4.4 Ajuste de tamaños y espaciados

Material You también proporciona un sistema de dimensiones basado en density-independent pixels (dp) y scale-independent pixels (sp):

• dp para contenedores y márgenes.
• sp para texto, escalable según preferencias de accesibilidad.
• Definir en dimens.xml rangos variables para modos compacto, medio y amplio.

10.4.5 Implementación práctica

1. Habilita Material You en tu tema base:
   • ltitem name=android:forceDarkAllowedgttruelt/itemgt para modo oscuro.
   • ltitem name=materialYouThemegttruelt/itemgt en MaterialComponents.
2. Integrar el motor de colores:
   • Compose: dynamicLightColorScheme() o dynamicDarkColorScheme().
   • Views: usar MaterialColors.getColor(context, R.attr.colorPrimary, default).
3. Definir tipografías customizadas en Typography() o en themes.xml.
4. Pruebas en distintos fondos de pantalla y configuraciones de accesibilidad.