Jetpack Compose

Descubre más sobre Compose, un kit de herramientas moderno para compilar IU nativas de Android.

 

Instructivo: Aspectos básicos de Jetpack Compose

Opcional

Aprende los aspectos básicos de Compose y cómo compilar un componente de IU simple con funciones declarativas. Comprende las funciones que admiten composición, los diseños básicos y cómo funcionan Material Design, las listas y las animaciones en Compose.

Descripción general de Jetpack Compose

Video Opcional

Analiza una descripción general de Jetpack Compose, obtén información sobre qué es un kit de herramientas de IU declarativas y aprende a usar Compose para compilar IU atractivas.

Cómo pensar en Compose

Opcional

Descubre cómo el enfoque declarativo de Compose difiere del enfoque basado en vistas que quizás hayas usado antes.

Aspectos básicos de Jetpack Compose

Codelab

Obtén experiencia práctica y aprende los aspectos básicos de la IU declarativa, el trabajo con el estado, los diseños y los temas. Verás qué son los elementos que admiten composición y los modificadores, cómo trabajar con elementos básicos de la IU como Row y Column, y cómo darle estado a tu app.

Cómo migrar a Jetpack Compose

Codelab

Analiza una migración práctica de una app basada en objetos View a Jetpack Compose a fin de comprender cómo adoptar Compose cada vez más y explora las implicaciones para tu arquitectura y tus pruebas.

Diseños básicos en Compose

Codelab

Obtén información sobre cómo funcionan los diseños en Jetpack Compose, lo que incluye los diseños integrados, los modificadores y cómo compilar tu propio diseño personalizado.

Diseños diferidos en Compose

Video Opcional

Obtén información para hacer listas de desplazamiento en Compose y sobre 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.

Temas de Jetpack Compose

Codelab

Obtén experiencia práctica con Material Design en Compose para comprender cómo aplicar temas a los colores, la tipografía y las formas de una app, y admitir temas claros y oscuros.

Compose Animation de Jetpack

Codelab

Aprende a usar las API 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.

Estado en Jetpack Compose

Codelab

Obtén información sobre los conceptos básicos relacionados con el uso del estado en Jetpack Compose a fin de compilar apps interactivas y enriquecidas para Android.

Efectos secundarios y estados avanzados en Jetpack Compose

Codelab

Aprende conceptos avanzados relacionados con las API de estado y efectos secundarios en Jetpack Compose. Obtén información sobre cómo crear un contenedor de estado para elementos que admiten composición con estado complejos, crear corrutinas y llamar a funciones de suspensión a partir del código de Compose, y activar efectos secundarios para diferentes casos de uso.

Navigation de Jetpack Compose

Codelab

Aprende a usar la biblioteca de Jetpack Navigation en Compose, navegar dentro de tu aplicación, navegar con argumentos, admitir vínculos directos y probar tu navegación.

Problemas comunes de rendimiento en Jetpack Compose

Video Opcional

Jetpack Compose puede parecer mágico, pero ¿qué puedes hacer cuando la magia no tiene el rendimiento deseado? En esta charla, se repasarán las prácticas recomendadas en Jetpack Compose con respecto al rendimiento, a los errores comunes y la manera de evitarlos.

Pruebas en Jetpack Compose

Codelab

Obtén información sobre cómo probar las IU de Jetpack Compose. Escribe tus primeras pruebas y aprende sobre las pruebas aisladas, las pruebas de depuración, el árbol semántico y la sincronización de pruebas.

Accesibilidad en Jetpack Compose

Codelab

Obtén información sobre cómo mejorar la usabilidad de tu app, en especial para los usuarios con discapacidad. Aumenta los tamaños de los objetivos táctiles, agrega descripciones de contenido, crea acciones personalizadas y mucho más.

Cuestionario de Jetpack Compose

Pon a prueba tus conocimientos sobre Compose y obtén tu insignia de Jetpack Compose.