Compartir vía


WinUI 2.1

La primera versión de código abierto de WinUI: WinUI 2.1 (lanzada 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 usar paquetes de WinUI en la aplicación mediante el administrador de paquetes NuGet: consulte Introducción a WinUI para obtener más información.

WinUI está alojada en GitHub, donde le animamos a enviar 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.

Breve vídeo que muestra el comportamiento del control ItemsRepeater.

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.

Breve vídeo que muestra el comportamiento del control AnimatedVisualPlayer.

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.

Breve vídeo que muestra el comportamiento del control TeachingTip.

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.

Captura de pantalla que muestra el comportamiento del control RadioMenuFlyoutItem.

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.

Captura de pantalla que muestra el comportamiento del control CompactDensity.

Documentación

Sombras

Ejemplo

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 WinUI con la documentación sobre controles de la Plataforma universal de Windows.

Los documentos de referencia de la API se encuentran aquí: API de WinUI.

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: