Controles para aplicaciones de WindowsControls for Windows apps

Controles

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.In Windows app development, a control is a UI element that displays content or enables interaction. Los controles son los elementos esenciales de la interfaz de usuario.Controls are the building blocks of the user interface. Un patrón es una receta para combinar varios controles con el fin de hacer algo nuevo.A pattern is a recipe for combining several controls to make something new.

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.We provide 45+ controls for you to use, ranging from simple buttons to powerful data controls like the grid view. 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.These controls are a part of the Fluent Design System and can help you create a bold, scalable UI that looks great on all devices and screen sizes.

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.The articles in this section provide design guidance and coding instructions for adding controls & patterns to your Windows app.

IntroducciónIntro

Instrucciones generales y ejemplos de código para agregar y aplicar estilos a controles en XAML y C#.General instructions and code examples for adding and styling controls in XAML and C#.

Agregar controles y controlar eventos Add controls and handle events
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.There are 3 key steps to adding controls to your app: Add a control to your app UI, set properties on the control, and add code to the control's event handlers so that it does something.

Estilo de los controles Styling controls
El marco XAML te permite personalizar la apariencia de tus aplicaciones de varias maneras.You can customize the appearance of your apps in many ways by using the XAML framework. Los estilos te permiten establecer propiedades de control y reusar esa configuración para mantener un aspecto uniforme en varios controles.Styles let you set control properties and reuse those settings for a consistent appearance across multiple controls.

Obtener la biblioteca de interfaz de usuario de WindowsGet the Windows UI Library

Logotipo de WinUI 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.Some controls are only available in the Windows UI Library (WinUI), a NuGet package that contains new controls and UI features. Para obtenerla, consulta la introducción a la biblioteca de interfaz de usuario de Windows y las instrucciones de instalación.To get it, see the Windows UI Library overview and installation instructions.
A partir de WinUI 2.2, el estilo predeterminado de muchos controles se actualizó para usar esquinas redondeadas.Starting with WinUI 2.2, the default style for many controls has been updated to use rounded corners. Para obtener más información, consulta Radio de redondeo.For more info, see Corner radius.

Índice alfabéticoAlphabetical index

Obtener información detallada sobre los patrones y controles específicos.Detailed information about specific controls and patterns. (Para obtener una lista ordenada por función, consulta Índice de controles por función).(For a list sorted by function, see Index of controls by function.)

Obtén la aplicación XAML Controls Gallery de Microsoft Store para ver en acción estos controles y Fluent Design System.Get the XAML Controls Gallery app from the Microsoft Store to see these controls and the Fluent Design System in action. La aplicación es un asistente interactivo para este sitio web.The app is an interactive companion to this website. Una vez instalada, puedes usar los vínculos de las páginas de control individuales para iniciar la aplicación y ver el control en acción.When you have it installed, you can use links on individual control pages to launch the app and see the control in action.

Obtener la aplicación XAML Controls Gallery (Microsoft Store)Get the XAML Controls Gallery app (Microsoft Store)

Obtener el código fuente (GitHub)Get the source code (GitHub)

XAML Controls Gallery screen

Controles adicionalesAdditional controls

Hay disponibles controles adicionales para el desarrollo de Windows de empresas como Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne y ActiPro.Additional controls for Windows development are available from companies such as Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne, and 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.These controls provide additional support for enterprise and .NET developers by augmenting the standard system controls with custom controls and services.