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.

10 actividades
1

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.

2

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.

3

Sistema de Material Design

Video

Aprende sobre el color dinámico, los temas y los componentes de Material You en Compose.

4

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

5

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.

6

5 animaciones rápidas para destacar tu app

Video

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

7

Introducción al dibujo en Compose

Video

Aprende a dibujar algo personalizado en Compose.

8

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.

9

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.

10

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.