Personalización de pestañas y de diseños de ventana
En Visual Studio, puede personalizar la posición, el tamaño y el comportamiento de las ventanas para crear los diseños de ventana que mejor funcionen con los distintos flujos de trabajo de desarrollo. También puede personalizar cómo se usan las pestañas para interactuar con el código.
Personalizar los diseños de ventana
Al personalizar un diseño de ventana, el entorno de desarrollo integrado (IDE) de Visual Studio lo recuerda. Por ejemplo, si cambia la ubicación de acoplamiento del Explorador de soluciones y después cierra Visual Studio, la próxima vez que lo inicie, el Explorador de soluciones estará acoplado en la misma ubicación. El IDE de Visual Studio recuerda la ubicación de acoplamiento incluso si está trabajando en otro equipo.
También puede asignar un nombre al diseño personalizado, guardarlo y luego cambiar de un diseño a otro con un solo comando. Por ejemplo, puede crear un diseño para la edición y otro para la depuración y cambiar de un diseño a otro si selecciona Ventana>Aplicar diseño de ventana.
Sugerencia
A partir de Visual Studio 17.9, la lista de documentos abiertos pasó de un formato binario en el archivo .suo a un formato de texto sin formato en un archivo JSON. El archivo JSON se guarda en la carpeta .vs oculta en la misma ubicación que el archivo .suo (solutionFolder.vs\solutionName\v17). Este archivo JSON contiene la lista de documentos abiertos y sus propiedades, la distribución de grupos de documentos y contenedores y el ancho de columna de tabulación vertical. El almacenamiento del texto sin formato como JSON permite hacer una copia de seguridad de forma más fácil y da la opción de proteger diferentes grupos de documentos abiertos que se pueden restaurar según sea necesario.
Ventanas de herramientas y documentos
El IDE incluye dos tipos básicos de ventanas: ventanas de herramientas y ventanas de documento. Entre las ventanas de herramientas están el Explorador de soluciones, el Explorador de servidores, la Ventana de salida, la Lista de errores, los diseñadores y las ventanas del depurador. Las ventanas de documento contienen archivos de código fuente, archivos de texto arbitrarios, archivos de configuración, etc. Se puede cambiar de tamaño de las ventanas de herramientas y arrastrarlas por la barra de título. Se pueden arrastrar las ventanas de documento por la pestaña.
El menú Ventana incluye las opciones para acoplar, hacer flotantes y ocultar ventanas en el IDE. Haga clic con el botón derecho en la pestaña de una ventana o en la barra de título para ver las opciones adicionales de esa ventana concreta. Puede mostrar más de una instancia de determinadas ventanas de herramientas a la vez. Por ejemplo, puede mostrar más de una ventana del explorador web y crear instancias adicionales de algunas ventanas de herramientas eligiendo Nueva ventana en el menú Ventana.
Ventanas divisoras
Cuando necesite ver o editar dos ubicaciones a la vez en un documento, puede dividir la ventana. Para dividir el documento en dos secciones con desplazamiento independiente, seleccione Dividir en el menú Ventana. Seleccione Quitar división en el menú Ventana para restaurar la vista única.
Barras de herramientas
Puede organizar las barras de herramientas arrastrándolas hasta el lugar donde desee, o bien mediante el cuadro de diálogo Personalizar. Para obtener más información sobre cómo ubicar y personalizar barras de herramientas, consulte Personalizar menús y barras de herramientas.
Ordenar y acoplar las ventanas
Puede acoplar una ventana de documento y una ventana de herramientas para que tengan un tamaño y ocupen una posición dentro del marco de ventana del IDE. También puede colocarlas como ventanas flotantes independientes situadas fuera del IDE.
Puede acoplar una ventana de herramientas en cualquier lugar dentro del marco del IDE. También puede acoplar algunas ventanas de herramientas como ventanas con pestañas en el marco del editor. Además, puede acoplar las ventanas de documento dentro del marco del editor y las puede anclar en su posición actual en el orden de tabulación.
También puede organizar las ventanas de la siguiente manera:
- Acople varias ventanas flotantes juntas para que compartan un espacio sobre el IDE o fuera de él.
- Oculte las ventanas de herramientas en el borde del IDE.
- Minimice las ventanas de herramientas.
- Muestre las ventanas en distintos monitores.
- Restablezca el diseño predeterminado de ubicación de las ventana o un diseño personalizado que haya guardado.
Para organizar las ventanas de herramientas y de documento, puede colocar el cursor en la barra de título de una ventana y, a continuación, arrastrarla hasta el lugar donde desea que esté. También puede hacer clic con el botón derecho en la barra de título de la ventana para usar su menú contextual, o bien puede usar los comandos del menú Ventana.
Acoplar ventanas
Al seleccionar y arrastrar la barra de título de una ventana de herramientas o la pestaña de una ventana de documento, aparecerá acoplado un rombo de guía. Al realizar la acción de arrastrar, cuando el cursor del ratón se encuentra sobre una de las flechas del rombo, aparece un área sombreada que indicará dónde se acoplará la ventana al soltar el botón del ratón.
Para mover una ventana acoplable sin ajustarla en el sitio, pulse Ctrl mientras arrastra la ventana.
Para devolver una ventana de herramientas o una ventana de documento al punto de acoplamiento más reciente, pulse Ctrl mientras hace doble clic en la barra de título o en la pestaña de la ventana.
En la siguiente captura de pantalla aparece el rombo de guía para las ventanas de documento que solo se pueden acoplar dentro del marco de edición:
Puede fijar ventanas de herramientas a un lado de un marco del IDE o en el marco de edición. Para que le sea fácil acoplar la ventana, saldrá un rombo de guía cuando arrastre la ventana a otra ubicación.
La siguiente captura de pantalla muestra cómo se acopla el Explorador de soluciones en una nueva ubicación que está demarcada por el área sombreada en morado:
Cierre y auto esconda ventanas de herramientas
Puede cerrar una ventana de herramientas si selecciona el botón Cerrar de la esquina superior derecha de la barra de título. Para volver a abrir la ventana, seleccione la ventana de herramientas que desee en el menú Ver o utilice el método abreviado de teclado asociado.
Si hace clic con el botón derecho en la barra de título de una ventana de herramientas y luego selecciona Ocultar automáticamente, la ventana se esconderá cuando use una ventana diferente. Cuando una ventana se oculta automáticamente, su nombre aparece en una pestaña situada en el borde del IDE. Para utilizar la ventana de nuevo, haga clic sobre la pestaña para que vuelva a aparecer la ventana.
Sugerencia
Para indicar si Ocultar automáticamente se aplica a las ventanas de herramientas por separado o como grupos acoplados, active o desactive la opción El botón Ocultar automáticamente afecta solo a las ventanas de herramientas activas en el cuadro de diálogo Opciones. Para obtener más información, consulte Cuadro de diálogo Opciones: Entorno > General.
Nota:
Cuando está activada la opción Ocultar automáticamente en la ventana de herramientas, esta podrá verse temporalmente cuando se activa. Para volver a ocultar la ventana, seleccione un elemento fuera de la ventana actual. Cuando la ventana pierde el foco, vuelve a desaparecer.
Usar un segundo monitor
Si tiene un segundo monitor y su sistema operativo admite usar dos monitores, puede elegir en qué monitor se verá la ventana. Incluso puede agrupar varias ventanas en espacios compartidos en otros monitores.
Sugerencia
Puede crear varias instancias del Explorador de soluciones y moverlas a otro monitor. Haga clic con el botón derecho en el nodo Solución y seleccione Nueva vista del Explorador de soluciones. Para cerrar una instancia adicional, haga doble clic en la barra de título mientras selecciona pulsa la tecla Ctrl.
Restablecer diseños de ventana
Puede devolver el IDE al diseño de ventana original de la colección de valores de configuración seleccionando Ventanas>Restablecer diseño de ventana en la barra de menús. Al ejecutar este comando, se producen las siguientes acciones:
Todas las ventanas se mueven a sus posiciones predeterminadas.
Las ventanas que estén cerradas en el diseño de ventana predeterminado se cierran.
Las ventanas que estén abiertas en el diseño de ventana predeterminado se abren.
Crear y guardar los diseños personalizados
Visual Studio le permite guardar hasta 10 diseños de ventana personalizados y pasar rápidamente de uno a otro. En los siguientes pasos le enseñamos a crear, guardar, invocar y administrar dos diseños personalizados que aprovechan varios monitores y tienen ventanas de herramientas acopladas y flotantes.
Creación de un proyecto y personalización del diseño
En primer lugar, cree un proyecto de interfaz de usuario (UI). La idea de maximizar el espacio de la ventana del diseñador y quitar otras ventanas de herramientas de la vista.
Cree un proyecto Aplicación WPF de C#.
Si tiene varios monitores, arrastre la ventana Explorador de soluciones y la ventana Propiedades en el segundo monitor.
Si solo usa un monitor, cierre todas las ventanas excepto la del diseñador.
Pulse Ctrl+Alt+X para ver la ventana Cuadro de herramientas. Si la ventana se acopla, arrástrela para que flote hasta llegar al lugar donde quiera colocarla.
Cuando el diseño sea de su agrado, seleccione Ventana>Guardar diseño de ventana. Póngale el nombre Diseñador al diseño.
Al nuevo diseño se le asigna el método abreviado de teclado siguiente de la lista reservada de atajos Ctrl+Alt+1...0.
Crear un diseño y un proyecto de base de datos
A continuación, agregue un nuevo proyecto de base de datos de SQL Server a la solución.
Haga clic con el botón derecho en el nodo Solución de Explorador de soluciones para abrir su menú contextual, seleccione Agregar y, a continuación, seleccione Nuevo proyecto.
En el cuadro de diálogo Agregar un nuevo proyecto, seleccione SQL en la lista desplegable Todos los tipos de proyecto y después seleccione Proyecto de base de datos de SQL Server. (Es posible que tenga que borrar los otros filtros).
(También puede usar el cuadro de búsqueda para buscar la plantilla. Para ello, escriba SQL en el cuadro que incluye el texto Buscar plantillas (Alt+S)).
Haga clic con el botón derecho en el nuevo proyecto de base de datos en el Explorador de soluciones y seleccione Ver en el Explorador de objetos.
Al seleccionar esta opción, en Visual Studio se abrirá la ventana Explorador de objetos de SQL Server, donde puede acceder a tablas, vistas y otros objetos de su base de datos. Puede hacer que esta ventana flote o dejarla acoplada. Ajuste las otras ventanas de herramientas como quiera. Para que este tutorial sea más realista, puede agregar una base de datos real, pero no es necesario.
Cuando el diseño sea el modo en que lo desee, seleccione Ventana en la barra de menús y, a continuación, seleccione Guardar diseño de ventana. Asigne a este diseño el nombre Proyecto de base de datos.
Cambiar entre diseños
Para cambiar entre diseños, use los métodos abreviados de teclado de la lista reservada de atajos Ctrl+Alt+1...0. O bien, en el menú principal, seleccione Ventana>Aplicar diseño de ventana.
Si tiene una configuración de varios monitores en el trabajo y un portátil en casa, puede crear diseños optimizados para cada máquina.
Nota:
Si aplica un diseño para varios monitores en un sistema de un solo monitor, las ventanas flotantes que coloque en el segundo monitor aparecerán ocultas detrás de la ventana de Visual Studio. Para llevar estas ventanas al frente, presione Alt+Tab. Si luego abre Visual Studio con varios monitores, puede restaurar las ventanas a sus posiciones especificadas volviendo a aplicar el diseño.
Administrar y transmitir los diseños
Para quitar, cambiar el nombre o reordenar el diseño personalizado, seleccione Ventana>Administrar diseños de ventana. Si mueve un diseño, el enlace de teclado se ajusta automáticamente para reflejar la nueva posición en la lista. Los enlaces de clave no se pueden modificar, pero puede almacenar hasta 10 diseños a la vez.
Para recordar el método abreviado de teclado que está asignado a cada diseño, seleccione Ventana>Aplicar diseño de ventana.
Estos diseños se transmiten automáticamente entre las ediciones de Visual Studio, entre las instancias de Blend que hay en máquinas independientes.
Personalizar pestañas
Puede personalizar pestañas para interactuar con ventanas de documentos de varias maneras diferentes. Por ejemplo, puede ver una vista previa de un archivo en el editor sin abrir el archivo, agrupar las pestañas, organizarlas en varias filas, etc.
Sugerencia
Para obtener más información sobre cómo administrar pestañas en Visual Studio 2022 y versiones posteriores, consulte la siguiente entrada de blog: Too many tabs open? No problem! (¿Demasiadas pestañas abiertas? ¡No hay problema!).
Pestaña de vista previa
En la pestaña Vista previa, puede ver los archivos en el editor sin abrirlos. Puede ver una vista previa de los archivos seleccionándolos en el Explorador de soluciones, al depurar los archivos paso a paso, con la opción Ir a definición y cuando se desplaza por los resultados de búsqueda. La vista previa de los archivos aparece en una ficha en el lado derecho de la ficha de documento. El archivo se abre para editarlo si lo modifica o selecciona Abrir en el menú contextual del archivo en el Explorador de soluciones.
Grupos de pestañas
Los grupos de pestañas mejoran su capacidad de administrar un área de trabajo reducida mientras trabaja con dos o más documentos abiertos en el IDE. Puede organizar varias ventanas de documento y ventanas de herramientas en grupos de pestañas horizontales o verticales e intercambiar documentos de un grupo a otro.
Pestañas de documentos verticales
Ahora puede administrar las pestañas de documentos en una lista vertical en el lado izquierdo o derecho del editor.
Novedad de Visual Studio 2019, versión 16.4 y posteriores. Estas versiones incorporan una de las principales características solicitadas: las pestañas de documentos verticales. Ya es posible administrar las pestañas de documentos en una lista vertical en el lado izquierdo o derecho del editor.
Puede aplicar pestañas de documentos verticales de las siguientes formas:
- Seleccione Herramientas>Opciones>Entorno>Pestañas y ventanas. A continuación, en la lista Establecer diseño de pestaña, seleccione Arriba, Izquierda o Derecha.
- Haga clic con el botón derecho en una pestaña, seleccione Establecer diseño de pestaña y, a continuación, Izquierda o Derecha (para devolver las pestañas a su posición predeterminada, seleccione Superior).
- Haga clic con el botón derecho en una pestaña, seleccione Establecer diseño de pestaña y después elija Colocar pestañas a la izquierda, Colocar pestañas arriba o Colocar pestañas a la derecha. (para devolver las pestañas a su posición predeterminada, seleccione Colocar pestañas arriba).
Asignación de códigos de color a pestañas de documentos
Visual Studio 2022 incluye nuevas opciones de personalización que le serán de ayuda para trabajar de forma más eficaz. Ahora puede aplicar códigos de color en las pestañas de los archivos en cada proyecto para no tener que buscar los archivos abiertos.
Para asignar códigos de color a las pestañas, vaya a Herramientas>Opciones>Entorno>Pestañas y ventanas. A continuación, active la casilla Colorear pestañas del documento por proyecto y seleccione Proyecto, Extensión de archivo o Expresión regular en la lista desplegable.
Colorear pestañas en diferentes vistas
Puede colorear las pestañas en las vistas verticales y horizontales del editor.
En la captura de pantalla siguiente se muestra un ejemplo de pestañas de colores en la vista vertical:
En la captura de pantalla siguiente se muestra un ejemplo de pestañas de colores en la vista horizontal:
Seleccionar sus propios colores
También puede seleccionar sus propios colores de pestaña. Para ello, haga clic con el botón derecho en una pestaña, seleccione Establecer color de pestaña y luego elija un color.
En la captura de pantalla siguiente se muestra un ejemplo de cómo personalizar la combinación de colores de las pestañas:
Varias filas de pestañas
Ahora puede encapsular pestañas en varias filas. Esto le permite tener más pestañas horizontales abiertas a la vez. Las pestañas ancladas se muestran en una fila independiente de pestañas desancladas.
Para cambiar estas opciones, vaya a Herramientas>Opciones>Entorno>Pestañas y ventanas>Mostrar pestañas en varias filas.
Sistema de organización personalizado
Ahora puede poner en negrita la pestaña activa actual, cambiar el ancho de la pestaña y agregar un botón de cierre adicional en la parte superior del documento.
Para cambiar estas opciones, vaya a Herramientas>Opciones>Entorno>Tablas y ventanas.
Accesibilidad mejorada
Puede cambiar el indicador de los documentos que tengan cambios no guardados por un punto más grande y más visible.
Para cambiar este ajuste, seleccione lo que desee en Herramientas>Opciones>Entorno>Pestañas y ventanas>Indicador modificado.
Mostrar nombres en cursiva
Puede mostrar los nombres de los documentos que no están visibles en cursiva.
Para activar esta opción, vaya a Herramientas>Opciones>Entorno>Pestañas y ventanas y seleccione Mostrar pestañas invisibles en cursiva en el menú desplegable de pestañas.
Restaurar pestañas cerradas
Ahora puede volver a abrir la última pestaña que cerró si hace clic con el botón derecho en una pestaña, mediante el método abreviado de teclado Ctrl+K, Ctrl+Z o si selecciona Ventana>Restaurar pestaña cerrada.
