Visão geral da interface do usuário

Criar uma ótima Windows app significa criar uma interface do usuário intuitiva, responsiva e visualmente polida. A plataforma Windows fornece um conjunto avançado de blocos de construção de interface do usuário, desde controles prontos para uso e sistemas de layout flexíveis até animações suaves e APIs de janela, para que você possa criar experiências que se sentem em casa no Windows.

Para obter princípios de design, padrões e diretrizes visuais, consulte a visão geral do Design.

Controles

O Windows fornece uma biblioteca abrangente de controles de interface do usuário que seguem a linguagem Fluent Design . Desde controles de entrada básicos, como botões, caixas de seleção e caixas de texto até exibições avançadas de coleção, caixas de diálogo, menus e seletores, esses controles fornecem os blocos de construção para qualquer interface do aplicativo.

Introdução aos controles

Layout

Painéis de layout e layouts anexados permitem organizar elementos de interface do usuário de uma maneira que se adapte a diferentes tamanhos e orientações de tela. Use painéis internos como StackPanel, Grid e RelativePanel ou crie painéis personalizados para cenários especializados. Transformações e efeitos de perspectiva 3D adicionam mais flexibilidade.

Saiba mais sobre painéis de layout

Navigation

Ajude os usuários a percorrer seu aplicativo com padrões de navegação, como navegação para trás, histórico de navegação e transições de página para página. Use controles de navegação como NavigationView, BreadcrumbBar e TabView para criar estruturas de navegação claras e consistentes.

Explorar a navegação

Motion

O movimento dá vida ao aplicativo e cria uma sensação de continuidade à medida que os usuários interagem com ele. Use transições de página, animações conectadas, efeitos de paralaxe e animações XAML para fornecer feedback visual e guiar a atenção.

Explorar o movimento

Windowing

As APIs de janela permitem gerenciar janelas do aplicativo, personalizar barras de título e controlar como seu aplicativo aparece na tela. Use a classe AppWindow e as APIs relacionadas para criar experiências de várias janelas, ir para tela inteira ou implementar sobreposições compactas.

Saiba mais sobre janelas