Jetpack Compose es el kit de herramientas moderno para compilar IU nativas de Android. Aquí encontrarás la información más reciente sobre cómo usar Compose.
- Descripción general: Consulta todos los recursos disponibles para los desarrolladores de Compose.
- Instructivo: Comienza a usar Compose para compilar una IU simple.
- Guías rápidas: ¡Nuevo! Prueba nuestras guías rápidas y enfocadas, diseñadas para ayudarte a alcanzar tu objetivo lo más rápido posible.
Base
- Acerca de Compose: Obtén información sobre en qué difiere el enfoque declarativo de Compose del enfoque basado en vistas que quizás hayas usado antes, y cómo compilar un modelo mental de trabajo con Compose.
- Administración del estado: Obtén información para configurar y usar el estado en tu app de Compose.
- Ciclo de vida de los elementos componibles: Obtén más información sobre el ciclo de vida de un elemento componible y la forma en que Compose determina si debe volver a dibujarse.
- Modificadores: Descubre cómo usar modificadores para aumentar o decorar tus elementos componibles.
- Efectos secundarios en Compose: Obtén información sobre las mejores formas de administrar los efectos secundarios.
- Fases de Jetpack Compose: Obtén información sobre los pasos que sigue Compose para renderizar la IU y sobre cómo usar esa información para escribir código eficiente
- Capas de arquitectura: Obtén información sobre las capas de arquitectura que componen Jetpack Compose y los principios básicos que conforman su diseño.
- Rendimiento: Obtén información para evitar los problemas comunes de programación que pueden afectar el rendimiento de tu app.
- Semántica en Compose: Obtén información sobre el árbol de semántica que organiza tu IU para que los servicios de accesibilidad y el framework de prueba lo puedan usar.
- Datos de alcance local con CompositionLocal: Obtén información para usar
CompositionLocal
a fin de pasar datos mediante Composition.
Entorno de desarrollo
- Android Studio con Compose: Configura tu entorno de desarrollo para usar Compose.
- Herramientas para Compose: Obtén información sobre las nuevas funciones de Android Studio compatibles con Compose.
- Kotlin para Compose: Descubre cómo funcionan algunos modismos específicos de Kotlin con Compose.
- Comparar las métricas de Compose y View: Obtén información sobre cómo la migración a Compose puede afectar el tamaño del APK de tu app y el rendimiento del tiempo de ejecución.
- Lista de materiales: Especifica solo la versión de la BoM para administrar todas tus dependencias de Compose.
Diseño
- Diseños: Obtén información sobre los componentes de diseño nativo de Compose y cómo diseñar uno propio.
- Conceptos básicos sobre el diseño: Obtén información sobre los componentes fundamentales para una IU de app sencilla.
- Componentes y diseños de Material: Obtén información sobre los componentes y los diseños de Material en Compose.
- Diseños personalizados: Obtén información para tomar el control del diseño de tu app y crear uno personalizado por tu propia cuenta.
- Cómo brindar compatibilidad con diferentes tamaños de pantalla: Obtén información para usar Compose a fin de compilar diseños que se adapten a diferentes tamaños de pantalla, orientaciones y factores de forma.
- Líneas de alineación: Obtén información para crear líneas de alineación personalizadas a fin de alinear y posicionar con exactitud los elementos de tu IU.
- Mediciones intrínsecas: Como Compose solo te permite medir los elementos de la IU una vez por pase, en esta página, se explica cómo consultar información sobre elementos secundarios antes de medirlos.
- ConstraintLayout: Obtén información para usar
ConstraintLayout
en la IU de Compose.
- Sistemas de diseño: Obtén información para implementar un sistema de diseño y darle a tu app un aspecto coherente.
- Material Design 3: Obtén información para implementar Material You con la implementación de Material Design 3 de Compose.
- Cómo migrar de Material 2 a Material 3: Obtén información para migrar tu app de Material Design 2 a Material Design 3 en Compose.
- Material Design 2: Obtén información para personalizar la implementación de Material Design 2 de Compose a fin de que se adapte a la marca de tu producto.
- Sistemas de diseño personalizado: Obtén información para implementar un sistema de diseño personalizado en Compose y descubre cómo adaptar los elementos componibles existentes de Material Design para controlar esto.
- Anatomía de un tema: Obtén información sobre las construcciones de nivel inferior y las APIs que usan
MaterialTheme
y los sistemas de diseño personalizado.
- Listas y cuadrículas: Obtén información sobre algunas de las opciones de Compose para administrar y mostrar listas y cuadrículas de datos.
- Texto: Obtén información sobre las opciones principales de Compose para mostrar y editar texto.
- Gráficos: Obtén información sobre las funciones de Compose para compilar y trabajar con gráficos personalizados.
- Animación: Obtén información sobre las diferentes opciones de Compose para animar los elementos de tu IU.
- Gestos: Aprende a compilar una IU de Compose que detecte gestos del usuario e interactúe con ellos.
- Controla las interacciones del usuario: Obtén información sobre cómo Compose abstrae las entradas de nivel bajo en interacciones de nivel alto, a fin de que puedas personalizar la manera en que tus componentes responden a las acciones del usuario.
Cómo adoptar Compose
- Cómo migrar apps existentes basadas en View: Obtén información para migrar tu app existente basada en View a Compose.
- Estrategia de migración: Aprende la estrategia para incorporar Compose de forma segura y progresiva a tu base de código.
- APIs de interoperabilidad: Obtén información sobre las APIs de Compose que te ayudarán a combinar Compose con IU basadas en objetos View.
- Otras consideraciones: Obtén información sobre otras consideraciones, como los temas, la arquitectura y las pruebas, mientras migras tu app basada en objetos View a Compose.
- Compose y otras bibliotecas: Aprende a usar bibliotecas basadas en vistas en tu contenido de Compose.
- Arquitectura de Compose: Aprende a implementar el patrón de flujo unidireccional en Compose, cómo implementar eventos y contenedores de estados, y cómo trabajar con
ViewModel
en Compose. - Navigation: Obtén información para usar
NavController
y así integrar el componente de Navigation con tu IU de Compose.- Navegación para IU responsivas: Obtén información para diseñar la navegación de tu app, de modo que se adapte a diferentes tamaños de pantalla, orientaciones y factores de forma.
- Recursos: Obtén información para trabajar con los recursos de tu app en tu código de Compose.
- Accesibilidad: Descubre cómo hacer que tu IU de Compose sea adecuada para usuarios con diferentes requisitos de accesibilidad.
- Pruebas: Obtén información para probar el código de Compose.
- Hoja de referencia de pruebas: Una referencia rápida a las APIs de prueba de Compose útiles.
Recursos adicionales
- Iniciar configuración
- Programa de aprendizaje seleccionado
- Lineamientos de la API de Compose
- Referencia de la API
- Codelabs
- Apps de ejemplo
- Videos
Recomendaciones para ti
- Nota: El texto del vínculo se muestra cuando JavaScript está desactivado
- Datos de alcance local con CompositionLocal
- Otras consideraciones
- Anatomía de un tema en Compose