Interfaz y entrada de usuario

En este artículo se proporciona información general sobre los marcos de interfaz de usuario de Windows que Microsoft mantiene actualmente y se comparan sus funcionalidades.

Microsoft genera plataformas de interfaz de usuario y plataformas de aplicaciones. Las plataformas de aplicaciones suelen incluir un marco de interfaz de usuario, mientras que los marcos de interfaz de usuario son independientes (no se incluyen con una plataforma de aplicaciones) o se pueden usar con varias plataformas de aplicaciones (consulte Elegir la plataforma de la aplicación).

Los marcos que se describen aquí incluyen la Biblioteca de interfaz de usuario de Windows (WinUI) tanto para SDK de Aplicaciones para Windows (WinUI 3) como para UWP (WinUI 2), Windows Presentation Foundation (WPF) y Windows Forms (WinForms).

Aspectos básicos de la interfaz de usuario

Al compilar una aplicación moderna de Windows, tiene una selección de marcos de interfaz de usuario entre los que elegir. Los marcos de interfaz de usuario proporcionan a la aplicación controles, estilos, animaciones, control de entrada y mucho más.

Hay cinco componentes principales que van a crear una interfaz de usuario para la aplicación de Windows. Normalmente, estos componentes se integran en cada marco de interfaz de usuario.

• Controles y estilos

  • Un control es un elemento de la interfaz de usuario que muestra contenido o permite la interacción. Los controles son los elementos esenciales de la interfaz de usuario.

    Este es un ejemplo de un control Button que está disponible en UWP, WinUI 2 y WinUI 3. Al colocar este control en la aplicación, recibe automáticamente el diseño predeterminado que proporciona el marco de interfaz de usuario.

    

  • Los estilos constan de colores, tipografía, iconos, materiales fluent y mucho más que se pueden usar en todo el diseño de la aplicación para crear una experiencia verdaderamente única.

    Este es un ejemplo de un componente de estilo denominado Acrílico, disponible en WinUI 2 y WinUI 3. Acrílico es un pincel que puede usar en superficies dentro de la aplicación o como fondo de la aplicación. Proporciona una textura translúcida.

    

• Interacción y entrada

  Los usuarios finales pueden interactuar con la aplicación y proporcionar una entrada a la aplicación (como la selección o la escritura) a través de diferentes métodos. A continuación se indican algunos ejemplos de entradas:

  • Mouse
  • Tocar
  • Controlador para juegos
  • Lápiz
  • Teclado
  • Surface Dial
  • Panel táctil
  • Voz

• Compatibilidad con dispositivos

  Los usuarios finales acceden a las aplicaciones de Windows en una variedad de dispositivos y los marcos de interfaz de usuario solo pueden admitir determinados. Algunos dispositivos comunes para que las aplicaciones de Windows se ejecuten son:

  • Equipos (a menudo denominados "equipos de escritorio", pero también incluye portátiles)
  • Tabletas
  • HoloLens
  • Xbox
  • Surface Hub

• Movimiento y animación

  Las animaciones integradas pueden dar realmente a la aplicación una apariencia pulida y proporcionar coherencia con las aplicaciones de primera entidad en Windows.

  Un ejemplo de una animación integrada en UWP, WinUI 2 y WinUI 3 es la animación que se produce cuando el usuario final cambia entre el modo claro y oscuro. Cuando el usuario final cambia los modos de su PC completo, la interfaz de usuario de la aplicación se actualizará automáticamente, así como con una animación de transición.

• Facilidad de uso y accesibilidad

  Para asegurarse de que su aplicación es fantástica de usar para cada usuario, debe tener en cuenta la accesibilidad.

  Los marcos de interfaz de usuario proporcionan accesibilidad integrada a controles y estilos con un comportamiento de teclado propósito, compatibilidad con el lector de pantalla y mucho más. Muchas también proporcionan API para acciones accesibles en controles personalizados, como interactuar con los lectores de pantalla.

Marcos de interfaz de usuario

Cada marco de interfaz de usuario publicado por Microsoft tiene funcionalidades únicas, sigue diferentes lenguajes de diseño y proporciona experiencias diferentes al usuario final. En esta sección se compararán todos los marcos de interfaz de usuario principales entre los que elegirá cuando empiece a compilar la aplicación.

En la tabla siguiente se muestra un breve resumen de algunas funcionalidades principales entre estos marcos de interfaz de usuario. Para obtener más información sobre cada marco, vaya a las pestañas más adelante.

Funcionalidad	SDK de Aplicaciones para Windows (WinUI 3)	WinUI 2 para UWP	WPF	WinForms
Idiomas admitidos	C#/.NET 6 y versiones posteriores, C++/WinRT	C#/.NET Native, C++/WinRT, C++/CX, VB	C#/.NET 6 (y versiones posteriores) y .NET Framework, C++/CLI (Extensiones administradas para C++ ), F#, VB	C#/.NET 6 (y versiones posteriores) y .NET Framework, C++/CLI (Extensiones administradas para C++ ), F#, VB
Dispositivos admitidos	Equipos (incluidos portátiles y tabletas), compatibilidad con todos los dispositivos Windows 10 próximamente	Todos los dispositivos Windows 10 (equipos, tabletas, HoloLens, Xbox, Surface Dial, etc.)	Equipos de escritorio y portátiles	Equipos de escritorio y portátiles
Entradas admitidas	Todas las entradas de Windows 10 admitidas	Todas las entradas de Windows 10 admitidas	Ratón y teclado	Ratón y teclado
Versión admitida del sistema operativo Windows	Windows 10, versión 1809 o posterior	Windows 10, versión 1703 o posterior	Windows XP o versiones posteriores	Windows XP o versiones posteriores
Compatibilidad con WebView	WebView2 basado en Chromium	WebView no chromium	Compatibilidad con WebView2 próximamente	Compatibilidad con WebView2 próximamente
Código abierto	Próximamente	Sí	Sí (solo .NET 6 y versiones posteriores)	Sí (solo .NET 6 y versiones posteriores)

Para obtener más información sobre cada uno de estos marcos de interfaz de usuario, consulte la información de las pestañas siguientes.

SDK de Aplicaciones para Windows (WinUI 3)

SDK de Aplicaciones para Windows (WinUI 3)

Para la mayoría de las nuevas aplicaciones de Windows, se recomienda WinUI con el SDK de Aplicaciones para Windows (WinUI 3) para compilar la interfaz de usuario. WinUI 3 proporciona experiencias coherentes, intuitivas y accesibles con los patrones más recientes de interfaz de usuario (UI).

WinUI 3 está completamente desacoplado del sistema operativo Windows y se distribuye como parte del SDK de Aplicaciones para Windows, que es un conjunto de herramientas y componentes que representan la siguiente evolución en la plataforma de desarrollo de aplicaciones de Windows.

WinUI 3 es la última generación de la biblioteca de interfaz de usuario de Windows. WinUI 2 y 3 comparten muchos de los mismos controles, estilos y otros aspectos básicos de la interfaz de usuario (consulte Comparación de WinUI 2 y WinUI 3).

Escenarios clave de aplicación habilitados por WinUI 3

• Aplicaciones modernas de Windows que necesitan ejecutarse en una variedad de dispositivos modernos, con una variedad de entradas modernas
• Aplicaciones de escritorio o Win32 escritas en C++
• Aplicaciones o juegos pesados de gráficos que quieren aprovechar DirectX y Win2D
• Aplicaciones con un montón de contenido web integrado que necesitan un alto rendimiento
• Aplicaciones que buscan proporcionar experiencias que "encajan correctamente" en el sistema operativo Windows y con otras aplicaciones propias de Windows

Documentación útil para WinUI 3

• Introducción: Biblioteca de interfaz de usuario de Windows (WinUI) 3
• Introducción: Creación del primer proyecto de WinUI 3
• Escritura de XAML: Plataforma XAML
• Referencia de la API: Referencia de la API de WinUI
• Controles: Introducción a los controles
• Entrada: Entrada e interacciones
• Movimiento: Movimiento para las aplicaciones de Windows
• Accesibilidad: Facilidad de uso para aplicaciones de Windows
• Ejemplos: Aplicación de la galería de WinUI 3

WinUI 2 para UWP

WinUI 2 para UWP

Para la mayoría de las aplicaciones para UWP, se recomienda usar la Biblioteca de interfaz de usuario de Windows (WinUI) 2 para compilar la interfaz de usuario. WinUI 2 es un marco de interfaz de usuario independiente que se incluye en un paquete NuGet y se puede agregar fácilmente a cualquier aplicación para UWP para modernizar el diseño y la experiencia general.

WinUI 2 y 3 comparten muchos de los mismos controles, estilos y otros aspectos básicos de la interfaz de usuario (consulte Comparación de WinUI 2 y WinUI 3).

Escenarios clave de aplicación habilitados por WinUI 2

• Aplicaciones para UWP que buscan reducir el nivel a todas las versiones de Windows 10 y Windows 11
• Aplicaciones o juegos pesados de gráficos que quieren aprovechar DirectX y Win2D
• Aplicaciones para UWP que necesitan ejecutarse en una variedad de dispositivos modernos, con una variedad de entradas modernas
• Aplicaciones que buscan proporcionar experiencias que "encajan correctamente" en el sistema operativo Windows y con otras aplicaciones propias de Windows

Documentación útil para WinUI 2

• Información general: Biblioteca de interfaz de usuario de Windows 2
• Introducción: Introducción a la biblioteca de la interfaz de usuario de Windows 2.x
• Escritura de XAML: Plataforma XAML
• Referencia de la API: Referencia de la API de WinUI
• Controles: Introducción a los controles
• Entrada: Entrada e interacciones
• Movimiento: Movimiento para las aplicaciones de Windows
• Accesibilidad: Facilidad de uso para aplicaciones de Windows
• Ejemplos: Aplicación de la galería de WinUI 2

WPF

WPF

Windows Presentation Framework (WPF) es un modelo de aplicación para compilar aplicaciones de escritorio con .NET 6 (y versiones posteriores) o .NET Framework. Es una plataforma de código abierto que mantienen los equipos de Windows y .NET.

El marco de interfaz de usuario que se incluye en WPF proporciona controles, estilos y funcionalidades compatibles con el nivel inferior a través de Windows XP.

Escenarios clave de la aplicación habilitados por WPF

• Aplicaciones que necesitan ejecutar un nivel inferior a las versiones de Windows anteriores a Windows 10
• Aplicaciones que se ejecutan únicamente en equipos y no requieren una variedad de entradas, como la entrada táctil
• Aplicaciones que necesitan controles más complejos y integrados: WPF tiene el mayor conjunto de controles integrados disponibles para el desarrollo de Windows.

Documentación útil para WPF

• Información general: Guía de escritorio (WPF .NET)
• Introducción: Tutorial: Creación de una nueva aplicación de WPF
• Escritura de XAML: Información general sobre XAML (WPF .NET)
• Referencia de API: Referencia de API de .NET
• Controles: Controles (WPF)
• Entrada: Entrada (WPF)
• Movimiento: Introducción a la animación
• Accesibilidad: Procedimientos de accesibilidad recomendados
• Ejemplos: Repositorio de GitHub de ejemplos de WPF

Windows Forms

Windows Forms

Windows Forms proporciona un diseñador integrado único de Visual Studio para compilar aplicaciones .NET de escritorio. Con el Diseñador, compilará la interfaz de usuario arrastrando y colocando los controles integrados directamente en la interfaz de usuario de la aplicación.

Windows Forms es un proyecto de código abierto.

Tenga en cuenta que Windows Forms no tiene animaciones integradas, a diferencia de las otras plataformas de interfaz de usuario mencionadas en este artículo. Tampoco admite el marcado XAML: debe usar el Diseñador o el código para crear la interfaz de usuario de la aplicación.

Escenarios clave de aplicación habilitados por Windows Forms

• Desarrolladores o diseñadores que quieren compilar aplicaciones sin conocer ni escribir XAML
• Aplicaciones que necesitan ejecutar un nivel inferior a las versiones de Windows anteriores a Windows 10
• Aplicaciones que se ejecutan únicamente en equipos y no requieren una variedad de entradas, como la entrada táctil
• Aplicaciones que no buscan crear controles personalizados o una interfaz de usuario muy personalizada

Documentación útil para Windows Forms

• Introducción: Guía de escritorio (.NET para Windows Forms)
• Introducción: Tutorial: Creación de un aplicación de Windows Forms (Windows Forms para .NET)
• Referencia de API: Referencia de API de .NET
• Controles: Información general sobre el uso de controles (Windows Forms para .NET)
• Entrada: Datos proporcionados por el usuario (Windows Forms)
• Accesibilidad: Accesibilidad de Windows Forms
• Ejemplos: Repositorio de GitHub de ejemplos de Winforms

Otros

Otros

Hay algunos marcos de interfaz de usuario que no se han tratado en este artículo, incluidos Win32/ComCtl32 y MFC. Aunque estos marcos de interfaz de usuario siguen estando disponibles para su uso, no se mantienen regularmente y no cumplen los mismos estándares de accesibilidad y diseño que Windows proporciona hoy en día. Se recomienda usar un marco más moderno al crear nuevas aplicaciones de Windows.

Si quiere obtener información sobre cómo modernizar una aplicación que usa un marco de interfaz de usuario anterior, consulte Modernización de las aplicaciones de escritorio.

Para obtener más información sobre estos marcos de interfaz de usuario, consulte la siguiente documentación:

• Introducción a MFC
• Win32/ComCtl32