Herramientas para Compose

Android Studio ofrece muchas funciones nuevas específicamente para Jetpack Compose. Adopta un enfoque centrado en el código y, al mismo tiempo, mejora la productividad de los desarrolladores sin tener que elegir entre usar una interfaz de diseño o un editor de código.

Una diferencia fundamental entre la IU basada en objetos View y Jetpack Compose es que Compose no depende de View para renderizar sus elementos componibles. Como consecuencia de este enfoque de arquitectura, Android Studio ofrece funciones extendidas para Jetpack Compose sin tener que abrir un emulador o conectarse a un dispositivo. En comparación con las vistas de Android, esto permite un proceso iterativo y más rápido para que los desarrolladores implementen sus diseños de IU.

Para habilitar funciones específicas de Android Studio para Jetpack Compose, debes agregar estas dependencias en el archivo build.gradle(.kts) de tu aplicación. Puedes usar la lista de materiales (BoM) o definir las dependencias de forma individual.

Lista de materiales

  val composeBom = platform("androidx.compose:compose-bom:2024.03.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Individual

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.1")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.1")

Diseño

Crear componentes, sistemas de diseño y pantallas para alinearse con las especificaciones de diseño.
Parámetro Preview Vista previa múltiple
La anotación @Preview te permite obtener una vista previa de tus elementos componibles. Aprende a obtener vistas previas de ellas, a organizarlas y a interactuar con ellas.
Vista previa de animación
Android Studio te permite diseñar e inspeccionar animaciones con el panel Animation Preview. De esta manera, puedes obtener una vista previa de una animación fotograma por fotograma y asegurarte de que se alinee con el comportamiento requerido.

Desarrollo

Acelera la compilación de la IU y la prueba de la aplicación en ejecución con menos cambios de contexto.
Ediciones en vivo
Aprende a usar Ediciones en vivo y a aplicar cambios para evitar una compilación completa y acelerar tu proceso de desarrollo.
Plantillas dinámicas Íconos de margen
Aprende a usar las funciones que se incluyen en la ventana del editor de Android Studio para mejorar la productividad.

Depurar

Depura tu IU de Compose para comprender tu app. Obtén más información para analizar el diseño, las recomposiciones y el seguimiento de composición a fin de mejorar el rendimiento de la IU de tu app.
Recuentos de recomposiciones Semántica
Aprende a inspeccionar un diseño de Compose en un emulador o dispositivo físico.
Registro del sistema
Usa el seguimiento de composición para hacer un seguimiento de las funciones de componibilidad en un registro del sistema.

Herramientas adicionales

Relay proporciona una transferencia instantánea de componentes de la IU de Android entre diseñadores y desarrolladores. Los diseñadores pueden usar el complemento Relay for Figma para anotar y empaquetar los componentes de la IU a fin de que los desarrolladores los usen, incluida la información sobre el diseño, el estilo, el contenido dinámico y el comportamiento de las interacciones.

Noticias y videos más recientes