Introducción a la interfaz de usuario

Crear una gran Windows app significa crear una interfaz de usuario intuitiva, dinámica y visualmente pulida. La plataforma Windows proporciona un amplio conjunto de bloques de creación de interfaz de usuario, desde controles listos para usar y sistemas de diseño flexibles para suavizar animaciones y API de ventanas, para que pueda crear experiencias que se sientan en casa en Windows.

Para conocer los principios de diseño, los patrones y las instrucciones visuales, consulte la información general sobre el diseño.

Controles

Windows proporciona una biblioteca completa de controles de interfaz de usuario que siguen el lenguaje Fluent Design . Desde controles de entrada básicos, como botones, casillas y cuadros de texto a vistas avanzadas de colecciones, cuadros de diálogo, menús y selectores, estos controles proporcionan los bloques de creación para cualquier interfaz de aplicación.

Comience con los controles

Diseño

Los paneles de diseño y los diseños adjuntos permiten organizar los elementos de la interfaz de usuario de una manera que se adapte a diferentes tamaños y orientaciones de pantalla. Use paneles integrados como StackPanel, Grid y RelativePanel, o cree paneles personalizados para escenarios especializados. Las transformaciones y los efectos de perspectiva 3D agregan más flexibilidad.

Más información sobre los paneles de diseño

Navegación

Ayude a los usuarios a desplazarse por la aplicación con patrones de navegación como la navegación hacia atrás, el historial de navegación y las transiciones de página a página. Use controles de navegación como NavigationView, BreadcrumbBar y TabView para crear estructuras de navegación claras y coherentes.

Explorar navegación

Motion

Motion lleva la aplicación a la vida y crea una sensación de continuidad a medida que los usuarios interactúan con ella. Usa transiciones de página, animaciones conectadas, efectos parallax y animaciones XAML para proporcionar comentarios visuales y guiar la atención.

Exploración del movimiento

Windowing

Las API de ventanas le permiten administrar ventanas de aplicaciones, personalizar barras de título y controlar cómo aparece la aplicación en pantalla. Use la clase AppWindow y las API relacionadas para crear experiencias de varias ventanas, ir a pantalla completa o implementar superposiciones compactas.

Más información sobre la creación de ventanas