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

Artículo 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.

Novedades 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

Artículo 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.

Diseños en Jetpack 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.

Cómo usar el estado en Jetpack Compose

Codelab

Desarrolla patrones para trabajar con el estado en un mundo declarativo mediante la compilación de una app de tareas pendientes. Obtén información sobre el flujo unidireccional de datos, los elementos con estado y sin estado que admiten composición, las API de ranuras, cómo usar ViewModels en Compose y mucho más.

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.

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.

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.

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.

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.

Cuestionario de Jetpack Compose

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