Inicio rápido

Para obtener la mejor experiencia de desarrollo con Compose, descarga y, luego, instala Android Studio. Incluye muchas funciones de edición inteligentes, como plantillas de proyectos nuevas y la capacidad de obtener de inmediato una vista previa de la IU y las animaciones de Compose.

Descargar Android Studio

Sigue estas instrucciones para crear un nuevo proyecto de app de Compose, configurar Compose para un proyecto de app existente o importar una app de ejemplo escrita en Compose.

Cómo crear una app nueva compatible con Compose

Si quieres iniciar un proyecto nuevo que incluya compatibilidad con Compose de forma predeterminada, Android Studio incluye plantillas para varios proyectos que te ayudarán a comenzar. Para crear un nuevo proyecto que tenga configurado correctamente Compose, haz lo siguiente:

  1. Si te encuentras en la ventana Welcome to Android Studio, haz clic en Start a new Android Studio project. Si ya tienes abierto un proyecto de Android Studio, selecciona File > New > New Project en la barra de menú.
  2. En la ventana Select a Project Template, elige Empty Activity y haz clic en Next.
  3. En la ventana Configure your project, haz lo siguiente:
    1. Establece los campos Name, Package name y Save location como lo harías normalmente. Ten en cuenta que, en el menú desplegable Language, Kotlin es la única opción disponible porque Jetpack Compose funciona solo con clases escritas en Kotlin.
    2. En el menú desplegable Minimum API level, selecciona el nivel de API 21 o una versión posterior.
  4. Haz clic en Finish.

Ya está todo listo para que comiences a desarrollar una app con Jetpack Compose. Para ayudarte a comenzar y conocer lo que puedes hacer con el kit de herramientas, sigue el instructivo de Jetpack Compose.

Configura las dependencias y el compilador de Compose

Consulta Cómo configurar las dependencias de Compose y el compilador.

Cómo probar apps de ejemplo de Jetpack Compose

La forma más rápida de experimentar con las capacidades de Jetpack Compose es probar las apps de ejemplo de Jetpack Compose alojadas en GitHub. Para importar un proyecto de app de ejemplo desde Android Studio, sigue estos pasos:

  1. Si te encuentras en la ventana Welcome to Android Studio, selecciona Import an Android code sample. Si ya tienes abierto un proyecto de Android Studio, selecciona File > New > Import Sample de la barra de menú.
  2. En la barra de búsqueda que se encuentra cerca de la parte superior del asistente Browse Samples, escribe "compose".
  3. Selecciona una de las apps de ejemplo de Jetpack Compose en los resultados de la búsqueda y haz clic en Next.
  4. Cambia los valores de los campos Application name y Project location, o bien mantén los valores predeterminados.
  5. Haz clic en Finish.

Android Studio descargará la app de ejemplo en la ruta especificada y abrirá el proyecto. Luego, puedes inspeccionar MainActivity.kt en cada ejemplo para ver las APIs de Jetpack Compose, como la animación de encadenado, los componentes personalizados, el uso de la tipografía y la visualización de colores claros y oscuros en la versión de vista previa dentro del IDE.

Si quieres usar Jetpack Compose para Wear OS, consulta Cómo configurar Jetpack Compose en Wear OS.