Controles para aplicaciones de Windows

En el desarrollo de aplicaciones de Windows, 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. Un patrón es una receta para combinar varios controles con el fin de hacer algo nuevo.

Ponemos a tu disposición más de 45 controles, que van desde botones simples hasta controles de datos de enorme eficacia, como la vista de cuadrícula. Estos controles forman parte de Fluent Design System y pueden ayudarte a crear una interfaz de usuario llamativa y escalable que quede bien en todos los dispositivos y tamaños de pantalla.

Los artículos de esta sección proporcionan instrucciones de diseño y de codificación para agregar controles y patrones a tu aplicación de Windows.

Introducción

Instrucciones generales y ejemplos de código para agregar y aplicar estilos a controles en XAML y C#.

Agregar controles y controlar eventos
Hay 3 pasos clave para agregar controles a la aplicación: agregar un control a la interfaz de usuario de la aplicación, establecer propiedades en el control y agregar código a los controladores de eventos del control para que realice una acción.

Estilo de los controles
El marco XAML te permite personalizar la apariencia de tus aplicaciones de varias maneras. Los estilos te permiten establecer propiedades de control y reusar esa configuración para mantener un aspecto uniforme en varios controles.

Obtener la biblioteca de interfaz de usuario de Windows

Algunos controles solo están disponibles en la biblioteca de interfaz de usuario de Windows (WinUI), un paquete NuGet que contiene nuevos controles y características de interfaz de usuario. Para obtenerla, consulta la introducción a la biblioteca de interfaz de usuario de Windows y las instrucciones de instalación.

Índice alfabético

Obtener información detallada sobre los patrones y controles específicos.

• Icono animado (nuevo)
• Reproductor visual animado (consulte Lottie)
• Cuadro de sugerencias automáticas
• Barra de ruta de navegación (nuevo)
• Botón
• Selector de fecha del calendario
• Vista del calendario
• Casilla
• Selector de colores
• Cuadro combinado
• Barra de comandos
• Control flotante de la barra de comandos
• Tarjeta de contacto
• Cuadro de diálogo de contenido
• Vínculo de contenido
• Menú contextual
• Selector de fecha
• Cuadros de diálogo y controles flotantes
• Botón desplegable
• Expansor (nuevo)
• Vista para alternar
• control flotante
• Formularios (patrón)
• Vista de cuadrícula
• Hipervínculo
• Botón de hipervínculo
• Imágenes y pinceles de imagen
• Barra de información (nuevo)
• Controles de entrada manuscrita
• Lista/Detalles (patrón)
• Vista de lista
• Control de mapa
• Reproducción de multimedia
• Barra de menús

• Control flotante de menú
• Vista de navegación
• Cuadro de número
• Vista de paralaje
• Cuadro de contraseña
• Imagen de persona
• Localizador de pips (nuevo)
• Barra de progreso
• Círculo de progreso
• Botón de selección
• Control de clasificación
• Botón Repetir
• Cuadro de texto enriquecido
• Bloque de texto enriquecido
• Visor de desplazamiento
• Zoom semántico
• Formas
• Control deslizante
• Botón de intervalo
• Vista dividida
• Control deslizante
• Vista de pestañas
• Sugerencia de enseñanza
• Bloque de texto
• Cuadro de texto
• Selector de hora
• Modificador para alternar
• Botón de alternancia
• Botón Activar o desactivar división
• Información sobre herramientas
• Vista de árbol
• Vista de dos paneles
• Vista web

WinUI Gallery

Obtenga las aplicaciones de WinUI Gallery de Microsoft Store para ver en acción estos controles y Fluent Design System. 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. Las aplicaciones son un asistente interactivo para este sitio web. Una vez instaladas, puede usar los vínculos de las páginas de control individuales para iniciar la aplicación y ver el control en acción.

• Obtenga WinUI 3 Gallery y WinUI 2 Gallery en Microsoft Store.
• Obtenga el código fuente de ambas desde GitHub (use la bifurcación principal para WinUI 3 y la bifurcación winui2 para WinUI 2).

Controles adicionales

Hay disponibles controles adicionales para el desarrollo de Windows de empresas como Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne y ActiPro. Estos controles proporcionan compatibilidad adicional para desarrolladores de empresa y .NET, ya que mejoran los controles estándar del sistema con controles y servicios personalizados.