Acciones del editor

Android Studio tiene funciones dentro del área de edición para mejorar tu productividad con Jetpack Compose.

Plantillas dinámicas

Android Studio incluye estas plantillas dinámicas relacionadas con Compose, que te permiten ingresar fragmentos de código para su inserción rápida escribiendo la abreviatura correspondiente de la plantilla:

  • comp para configurar una función @Composable
  • prev para crear una función que admite composición @Preview
  • paddp para agregar un modificador padding en dp
  • weight para agregar un modificador weight
  • W, WR, WC para rodear el elemento componible actual con un contenedor Box, Row o Column

Íconos de margen

Los íconos de margen son acciones contextuales visibles en la barra lateral, junto a los números de línea. Android Studio presenta varios íconos de margen específicos de Jetpack Compose para facilitar tu experiencia de desarrollador.

Cómo implementar una vista previa

Puedes implementar un @Preview en el emulador o dispositivo físico directamente desde el ícono de margen:

El usuario hace clic en el ícono de margen de implementación de una función de vista previa y, luego, implementa la vista previa en el dispositivo

Selector de color

Cada vez que se define un color dentro o fuera de un elemento componible, su vista previa se muestra en el canal. Para cambiar el color con el selector de color, haz clic en él de la siguiente manera:

El usuario hace clic en un color en el margen, lo que muestra un selector de color

Selector de recursos de imagen

Cuando se define un elemento de diseño, un vector o una imagen dentro o fuera de un elemento componible, su vista previa se muestra en el margen. Puedes cambiarla desde el selector de recursos de imágenes haciendo clic en él de la siguiente manera:

El usuario hace clic en un ícono del margen, lo que muestra el selector de recursos