Fuentes y formato de Visual Studio

Artículo
10/10/2023

Fuente del entorno

Todas las fuentes de Visual Studio deben exponerse al usuario para su personalización. Esto se realiza principalmente a través de la página Fuentes y colores del cuadro de diálogo Opciones de herramientas>. Las tres categorías principales de configuración de fuentes son:

Fuente del entorno: la fuente principal del IDE (entorno de desarrollo integrado), que se usa para todos los elementos de interfaz, incluidos los cuadros de diálogo, los menús, las ventanas de herramientas y las ventanas de documentos. De forma predeterminada, la fuente del entorno está vinculada a una fuente del sistema que aparece como 9 pt Segoe UI en las versiones actuales de Windows. El uso de una fuente para todos los elementos de interfaz ayuda a garantizar una apariencia de fuente coherente en todo el IDE.
Editor de texto: los elementos que aparecen en el código y otros editores basados en texto se pueden personalizar en la página Editor de texto en Opciones de herramientas>.
Colecciones específicas: las ventanas de diseñador que ofrecen personalización de usuario de sus elementos de interfaz pueden exponer fuentes específicas de su superficie de diseño en su propia página de configuración en Opciones de herramientas>.

Personalización y cambio de tamaño de fuentes del editor

Los usuarios a menudo ampliarán o ampliarán el tamaño o el color del texto en el editor según su preferencia, independientemente de la interfaz de usuario general. Dado que la fuente del entorno se usa en elementos que pueden aparecer dentro o como parte de un editor o diseñador, es importante tener en cuenta el comportamiento esperado cuando se cambia una de estas clasificaciones de fuentes.

Al crear elementos de interfaz de usuario que aparecen en el editor, pero que no forman parte del contenido, es importante usar la fuente del entorno y no la fuente de texto para que los elementos cambien de tamaño de forma predecible.

Para el texto del código en el editor, cambie el tamaño con la configuración de fuente de texto de código y responda al nivel de zoom del texto del editor.
Todos los demás elementos de la interfaz deben estar vinculados a la configuración de fuente del entorno y responder a los cambios globales del entorno. Entre otras cosas, esto incluye:
- Texto en menús contextuales
- Texto en un adorno del editor, como texto del menú de bombilla, búsqueda rápida del panel del editor y navegación al panel
- Texto de etiqueta en cuadros de diálogo, como Buscar en archivos o Refactorizar

Acceso a la fuente del entorno

En código nativo o WinForms, se puede acceder a la fuente del entorno llamando al método IUIHostLocale::GetDialogFont después de consultar la interfaz desde el SID_SUIHostLocale servicio.

Para Windows Presentation Foundation (WPF), derive la clase de ventana de diálogo de la clase del DialogWindow shell en lugar de la clase de Window WPF.

En XAML, el código tiene el siguiente aspecto:

<ui:DialogWindow
    x:Class"MyNameSpace.MyWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:s="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ui="clr-namespace:Microsoft.VisualStudio.PlatformUI;assembly=Microsoft.VisualStudio.Shell.11.0"
    ShowInTaskbar="False"
    WindowStartupLocation="CenterOwner"
    Title="My Dialog">
</ui:DialogWindow>

Código subyacente:

internal partial class WebConfigModificationWindow : DialogWindow
{
}

(Reemplace Microsoft.VisualStudio.Shell.11.0 por la versión actual del archivo DLL de MPF).

Para mostrar el cuadro de diálogo, llame a "ShowModal()" en la clase sobre ShowDialog(). ShowModal() establece el estado modal correcto en el shell, garantiza que el cuadro de diálogo se centra en la ventana primaria, etc.

El código es el siguiente:

MyWindow window = new MyWindow();
window.ShowModal()

ShowModal devuelve un bool? (booleano que acepta valores NULL) con , DialogResultque se puede usar si es necesario. El valor devuelto es true si el cuadro de diálogo se cerró con Aceptar.

Si necesita mostrar una interfaz de usuario de WPF que no sea un cuadro de diálogo y se hospede en su propio HwndSource, como una ventana emergente o una ventana secundaria de WPF de una ventana primaria Win32/WinForms, deberá establecer y FontFamily FontSize en el elemento raíz del elemento WPF. (El shell establece las propiedades en la ventana principal, pero no se heredarán más allá de ).HWND El shell proporciona recursos a los que se pueden enlazar las propiedades, de la siguiente manera:

<Setter Property="FontFamily" Value="{DynamicResource VsFont.EnvironmentFontFamily}" />
<Setter Property="FontSize" Value="{DynamicResource VsFont.EnvironmentFontSize}" />

Referencia de formato (escalado y negrita)

Algunos cuadros de diálogo requieren que el texto concreto sea negrita o un tamaño distinto de la fuente del entorno. Anteriormente, las fuentes mayores que la fuente del entorno se codificaban como "environment font +2" o similares. El uso de los fragmentos de código proporcionados admitirá monitores de valores altos de PPP y garantizará que el texto para mostrar siempre aparezca en el tamaño y el peso correctos (como Luz o Semilight).

Nota:

Antes de aplicar formato, asegúrese de seguir las instrucciones que se encuentran en Estilo de texto.**

Para escalar la fuente del entorno, establezca el estilo de TextBlock o Label como se indica. Cada uno de estos fragmentos de código, que se usan correctamente, generará la fuente correcta, incluidas las variaciones de tamaño y peso adecuadas.

Donde "vsui" es una referencia al espacio de nombres Microsoft.VisualStudio.Shell:

xmlns:vsui="clr-namespace:Microsoft.VisualStudio.Shell;assembly=Microsoft.VisualStudio.Shell.14.0"