Herramientas para Compose
Android Studio ofrece muchas funciones nuevas específicamente para Jetpack Compose. Adopta un enfoque centrado en el código mientras mejora la productividad de los desarrolladores sin tener que elegir entre usar la interfaz de diseño o el 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 ni 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.
Si quieres 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.06.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.8")
implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")
Diseño
Cómo obtener una vista previa de tu IU
@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.