Biblioteca de interfaz de usuario de Windows 2.1

Primera versión de código abierto de la biblioteca de interfaz de usuario de Windows: WinUI 2.1 (publicada en abril de 2019).

WinUI le ofrece muchas de las características más recientes de la plataforma de la experiencia del usuario de Windows, incluidos los controles y estilos actualizados de Fluent, disponibles para usar de inmediato y compatibles con la Actualización de aniversario de Windows 10 (14393). La WinUI 2 Gallery proporciona ejemplos para explorar las nuevas e interesantes características que se han agregado a la biblioteca.

Descarga del paquete WinUI 2.1 NuGet

Puede optar por usar paquetes de WinUI en la aplicación mediante el administrador de paquetes NuGet: consulte Introducción a la biblioteca de interfaz de usuario de Windows para obtener más información.

La biblioteca de interfaz de usuario de Windows (WinUI) se hospeda en GitHub, donde le animamos a presentar informes de errores, solicitudes de características y contribuciones de código de la comunidad.

Novedades de esta versión

ItemsRepeater

Use un control ItemsRepeater para crear experiencias de colección personalizadas con un sistema de diseño flexible, vistas personalizadas y virtualización. A diferencia de ListView, ItemsRepeater no proporciona una experiencia de usuario final completa, ya que no tiene una interfaz de usuario predeterminada y no proporciona directivas para el foco, la selección o la interacción del usuario. En su lugar, es un bloque de creación que puede usar para crear sus propios controles personalizados y experiencias únicas basadas en la colección. Admite la creación de experiencias más satisfactorias y productivas.

Short video showing the behavior of the Items Repeater control.

Documentación

AnimatedVisualPlayer

El control AnimatedVisualPlayer hospeda y controla la reproducción de elementos visuales animados, lo que le permite agregar gráficos de movimiento personalizados de alto rendimiento a su aplicación. Por ejemplo, el control AnimatedVisualPlayer se usa para mostrar y controlar animaciones de Lottie.

Short video showing the behavior of the Animated Visual Player control.

Documentación

TeachingTip

El control TeachingTip proporciona una forma atractiva y fluida para que las aplicaciones guíen e informen a los usuarios con sugerencias no invasivas y ricas en contenido. TeachingTip puede enfocar características nuevas o importantes, enseñar a los usuarios a realizar tareas y mejorar el flujo de trabajo, para lo cual proporciona información contextualmente pertinente para la tarea que está realizando.

Short video showing the behavior of the Teaching Tip control.

Documentación

RadioMenuFlyoutItem

Incluye la posibilidad de tener las opciones de estilo de "Botón de radio" en un control MenuBar. Esto habilita grupos de opciones con viñetas vinculadas como un grupo de botones de radio. La lógica se controla para el desarrollador.

Screenshot showing the behavior of the Radio Menu Fly out Item control.

Documentación

CompactDensity

El modo compacto permite a los desarrolladores crear experiencias cómodas para cualquier número de escenarios. Con solo agregar un diccionario de recursos, la aplicación puede admitir un promedio aproximada de un 33 % más de interfaz de usuario.

Screenshot showing the behavior of the Compact Density control.

Documentación

Sombras

Example

La creación de una jerarquía visual de los elementos de la interfaz de usuario facilita el análisis de la interfaz de usuario y transmite en qué debe centrarse el usuario. La acción de adelantar determinados elementos de la interfaz de usuario, Elevación, a menudo se usa para lograr esta jerarquía en el software.

Con la actualización de mayo de 2019 de Windows 10, muchos de nuestros controles comunes agregan elevación mediante la sombra y la profundidad de z de forma predeterminada. Los controles NavigationView y TeachingTip de WinUI 2.1 también tendrán sombras predeterminadas cuando se ejecuten en un sistema operativo con la actualización de mayo de 2019 de Windows 10. La lista completa de controles que tienen sombras predeterminadas y el procedimiento de uso de API adicionales estarán disponibles una vez que se publique la actualización de mayo de 2019 de Windows 10, y el vínculo se publicará aquí.

Ejemplos

Sugerencia

Para más información, instrucciones de diseño y ejemplos de código, consulte Diseño y programación de aplicaciones de Windows.

Las aplicaciones WinUI 3 Gallery y WinUI 2 Gallery incluyen ejemplos interactivos de la mayoría de los controles, características y funcionalidades de WinUI 3 y WinUI 2.

Si ya se instalaron, haga clic en los vínculos siguientes para abrirlas: WinUI 3 Gallery o WinUI 2 Gallery.

Si no están instaladas, puede descargar WinUI 3 Gallery y WinUI 2 Gallery desde Microsoft Store.

También puede obtener el código fuente de ambas desde GitHub (use la bifurcación principal para WinUI 3 y la bifurcación winui2 para WinUI 2).

Documentación

Se incluyen artículos sobre procedimientos para los controles de la biblioteca de interfaz de usuario de Windows con la documentación sobre controles de la Plataforma universal de Windows.

Los documentos de referencia de API se encuentran aquí: API de la biblioteca de interfaz de usuario de Windows.

Historial de versiones de Microsoft.UI.Xaml 2.1

Versión oficial de Microsoft.UI.Xaml 2.1

Abril de 2019

Página de versiones de GitHub

Descarga de paquetes NuGet

Nueva característica (no incluida en versiones preliminares anteriores)

  • CompactDensity: el modo compacto permite a los desarrolladores crear experiencias cómodas para cualquier número de escenarios. Con solo agregar un diccionario de recursos, la aplicación puede admitir un promedio aproximada de un 33 % más de interfaz de usuario.

  • Sombras: la creación de una jerarquía visual de los elementos de la interfaz de usuario facilita el análisis de la interfaz de usuario y transmite en qué debe centrarse el usuario. La acción de adelantar determinados elementos de la interfaz de usuario, Elevación, a menudo se usa para lograr esta jerarquía en el software. Muchos de nuestros controles comunes agregan elevación mediante la sombra y la profundidad de z de forma predeterminada.

Microsoft.UI.Xaml 2.1.190218001-prerelease

Febrero de 2019

Página de versiones de GitHub

Descarga de paquetes NuGet

Nuevas características experimentales:

  • Control TeachingTip
    Este nuevo control proporciona a la aplicación una manera de guiar e informar a los usuarios con una notificación no invasiva y rica en contenido. El control TeachingTip puede usarse para enfocar una característica nueva o importante, enseñar a los usuarios a realizar una tarea o mejorar el flujo de trabajo del usuario, para lo cual proporciona información contextualmente pertinente para la tarea que está realizando.

Microsoft.UI.Xaml 2.1.190131001-prerelease

Febrero de 2019

Página de versiones de GitHub

Descarga de paquetes NuGet

Nuevas características experimentales:

Microsoft.UI.Xaml 2.1.181217001-prerelease

Diciembre de 2018

Página de versiones de GitHub

Descarga de paquetes NuGet

Nuevas características experimentales: