Nueva IU en Android Studio

La actualización de funciones de Android Studio Ladybug introduce la nueva IU de la actualización de la plataforma IntelliJ 2024.2 como tema predeterminado. La nueva IU ofrece un diseño optimizado y funciones mejoradas, lo que facilita que los desarrolladores nuevos y experimentados naveguen por su flujo de trabajo de manera más eficiente.

Cambios de diseño clave

La nueva IU incluye una gran cantidad de mejoras para optimizar tu flujo de trabajo y proporcionar un entorno más coherente. Se diseñó para reducir la complejidad visual, proporcionar un acceso sencillo a las funciones esenciales y divulgar progresivamente las funciones avanzadas según sea necesario, lo que genera un aspecto más limpio. En las siguientes secciones, se explican los cambios más importantes que verás en la nueva IU de Android Studio.

Temas e íconos

Los temas claro y oscuro actualizados ofrecen un mejor contraste de color y un diseño más coherente para brindar una experiencia visual atractiva. Ahora puedes alternar fácilmente entre los temas según tus preferencias.

Claro

Figura 1: El tema Claro para la nueva IU.

Luz con encabezado de luz

Figura 2: El tema Claro con encabezado claro para la nueva IU.

Oscuro

Figura 3: El tema Oscuro para la nueva IU.

La nueva IU también incluye un conjunto modernizado de íconos más claros, legibles y fáciles de distinguir, lo que proporciona una experiencia más coherente visualmente en todo el IDE.

Figura 4: Es el conjunto de íconos de la nueva IU.

Barra de herramientas principal simplificada

La nueva IU incluye una barra de herramientas principal más ordenada que prioriza las acciones más usadas, como seleccionar el dispositivo en ejecución, administrar el control de versiones y cambiar de proyecto. Esto te permite pasar menos tiempo buscando herramientas y más tiempo programando.

Figura 5: La IU clásica.


Figura 6: La nueva IU, que incluye una barra de herramientas principal simplificada.

Personaliza la barra de herramientas principal con tus acciones esenciales en Settings > Appearance & Behavior > Menus and Toolbars.

Figura 7: Configuración para personalizar la barra de herramientas principal.

Widgets para Git y proyectos

La barra de herramientas principal ahora incluye dos nuevos widgets de menú:

  • Un widget de proyecto para explorar proyectos recientes o crear uno nuevo
Figura 8. Ubicación del widget del proyecto en la barra de herramientas principal.
  • Un widget de Git para la administración del control de versiones y las acciones de Git que se usan con frecuencia El widget de Git se movió a la parte superior de la barra de estado, pero puedes volver a colocarlo en su ubicación anterior en la parte inferior derecha.
Figura 9. Ubicación del widget de Git en la barra de herramientas principal.

Configuraciones de ejecución y acciones de generación de perfiles

Las acciones de configuración de ejecución y de generación de perfiles se optimizaron en un nuevo widget de ejecución, y las acciones de generación de perfiles se trasladaron a un menú ampliado.

Figura 10: Configuraciones de ejecución en la IU clásica.


Figura 11: Acciones de generación de perfiles en la IU clásica.


Figura 12. Ubicación del widget de Run en la IU nueva.

Ventanas de herramientas rediseñadas

Las ventanas de herramientas ahora están mejor organizadas y acopladas a los lados de la ventana principal. La barra de ventanas de herramientas se optimizó para mostrar solo una selección de íconos de ventanas de herramientas, y el resto se puede acceder desde un menú ampliado. Este nuevo diseño de la ventana de herramientas es más intuitivo y ofrece opciones flexibles para personalizar tu espacio de trabajo.

Accede a las ventanas de herramientas ocultas con el botón Más ventanas de herramientas. Una vez que la selecciones, se abrirá la ventana de herramientas y su botón aparecerá en la barra de herramientas predeterminada.

Figura 13. Ubicación del menú ampliado de ventanas de herramientas en la nueva IU.

Divisiones verticales y horizontales

Divide tu espacio de trabajo arrastrando los íconos de las ventanas de herramientas. Suéltalos debajo del separador de la barra lateral para una división vertical o en la barra lateral opuesta para una división horizontal.

Figura 14: Una división vertical.


Figura 15: Es una división horizontal.

Nueva ubicación para los controles de herramientas de la IU

Los controles de herramientas de la IU (código, división y diseño) para las vistas previas basadas en Compose y en vistas ahora se encuentran fuera de las pestañas del editor, lo que ofrece un acceso más fácil.

Figura 16: Controles de herramientas de la IU en la IU clásica.
Figura 17: Controles de herramientas de la IU en la IU nueva.

La barra de navegación muestra la ruta completa al archivo seleccionado. Para mover la barra de navegación a la parte superior de la ventana, ve a View > Appearance > Navigation Bar en el menú principal.

Figura 18: La barra de navegación en la IU nueva.

Modo compacto

Diseñado para pantallas más pequeñas, este modo hace que el IDE sea más compacto. Las barras de herramientas y los encabezados son más cortos, los íconos y los botones son más pequeños, y hay menos espacio entre los elementos.

Activado

Figura 19: Ventana de Android Studio en modo compacto.
Figura 20. Altura de la barra de herramientas en el modo compacto.

Desactivado

Figura 19a: Ventana de Android Studio en el modo predeterminado.
Figura 20a. Altura de la barra de herramientas en el modo predeterminado.

Puedes habilitar el modo compacto de cualquiera de las siguientes maneras:

  • Navega a View > Appearance > Compact Mode.
  • Abre la configuración del IDE, selecciona Apariencia y comportamiento > Apariencia y habilita la opción Modo compacto.

Compatibilidad continua con la IU clásica

Los desarrolladores que prefieran la IU clásica pueden acceder a ella a través de un complemento disponible en JetBrains Marketplace. IntelliJ seguirá admitiendo el complemento de IU clásica durante al menos un año para garantizar una transición sin problemas para todos los desarrolladores.

Para obtener más información, consulta la entrada de blog del anuncio de JetBrains.