Diseños, temas y animación
Implementa diseños más avanzados y agrega estilo y movimiento a tu app. Aprenderás sobre las diversas APIs de Compose Animation, cómo implementar Material Design 3, cómo usar diseños personalizados para implementar diseños complejos y cómo usar diseños diferidos para crear IUs de buen rendimiento.
Atrás
Aspectos básicos de los diseños y los modificadores de Compose
Aprende los aspectos básicos de los diseños y los modificadores: cómo funcionan en conjunto, qué APIs listas para usar se ofrecen y cómo aplicar estilo a tu IU.
Diseños diferidos
Aprende a hacer listas de desplazamiento en Compose y por qué es más simple que usar RecyclerView. Analiza en detalle por qué no se permiten las listas de desplazamiento anidadas y cómo hacerlo de forma diferente, por qué los elementos nunca deben tener un tamaño de 0 píxeles, por qué proporcionar claves únicas es importante y cómo funcionan las animaciones de elementos. Por último, descubre cómo mostrar cuadrículas, usar administradores de diseño personalizados y comprender la manera de mejorar la optimización del rendimiento para agilizar el desplazamiento.
Sistema de Material Design
Aprende sobre el color dinámico, los temas y los componentes de Material You en Compose.
Cómo aplicar un tema en tu app con Material Design 3
En este codelab, aprenderás a usar las APIs de asociación de temas de Jetpack Compose para definir el estilo de tu app. Veremos la personalización de colores, formas y tipografías para que se usen de manera coherente en toda tu app y admitan temas claros, oscuros y dinámicos
Cómo aplicar estilo al texto
Aprende a usar las APIs de Material para configurar la tipografía, incluido el uso de fuentes descargables y fuentes variables.
5 animaciones rápidas para destacar tu app
Aprende 5 animaciones rápidas para que tu app cobre vida en solo unos minutos.
Introducción al dibujo en Compose
Aprende a dibujar algo personalizado en Compose.
Cómo animar elementos
Aprende a usar las APIs de Compose Animation. Comenzaremos con la animación de valor más simple y aprenderemos otras API a través de algunos patrones de animación comunes. También analizaremos temas más avanzados, como las personalizaciones de animaciones y las animaciones con gestos táctiles.
Diseños y gráficos personalizados
Compose ofrece una variedad de soluciones listas para usar para compilar pantallas desde cero de forma rápida y sencilla. Pero ¿qué sucede cuando necesitas ir más allá y personalizar por completo? Aprende conceptos de diseño más avanzados para compilar tu propio diseño personalizado y llevar tus implementaciones de diseño al siguiente nivel.
Restricciones y orden de los modificadores
Los modificadores en Compose se pueden encadenar, y el orden en el que lo hacemos es importante. Pero ¿qué importancia tiene? Aprende a razonar sobre el encadenamiento de modificadores y cómo influye en los tamaños de los elementos componibles.
Cuestionario
Pon a prueba lo que aprendiste y obtén tu insignia de Diseños y animación.