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.

 

Aspectos básicos de los diseños y los modificadores de Compose

Video

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

Video

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

Video

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

Codelab

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

Video

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

Video

Aprende 5 animaciones rápidas para que tu app cobre vida en solo unos minutos.

Introducción al dibujo en Compose

Video

Aprende a dibujar algo personalizado en Compose.

Cómo animar elementos

Codelab

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

Video Opcional

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

Video Opcional

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.