Cómo comenzar a usar Jetpack Compose

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.

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 a fin de 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 las 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

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 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.
    • Compilación de diseños adaptables: 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.
    • Medidas 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.
  • Diseño de sistemas: 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 a fin de 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.
    • API 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 contenidos de estado, y cómo trabajar con ViewModel en Compose.
  • Navigation: Obtén información a fin de usar NavController para 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.
  • Prueba: Descubre cómo probar el código de Compose.

Recursos adicionales