Visão geral da interface de utilizador

Construir uma excelente Windows app significa criar uma interface de utilizador intuitiva, responsiva e visualmente polida. A plataforma Windows oferece um conjunto rico de blocos de construção da interface — desde controlos prontos a usar e sistemas de layout flexíveis até animações suaves e APIs de janelas — para que possa criar experiências que se sintam perfeitamente em casa no Windows.

Para princípios de design, padrões e orientações visuais, consulte a visão geral de design.

Controlos

O Windows disponibiliza uma biblioteca abrangente de controlos de interface que seguem a linguagem Fluent Design . Desde controlos básicos de entrada como botões, caixas de seleção e caixas de texto até vistas avançadas de coleções, diálogos, menus e seletores — estes controlos dão-lhe os blocos de construção para qualquer interface de aplicação.

Comece com controlos

Esquema

Painéis de layout e layouts anexos permitem-te organizar os elementos da interface de forma a adaptar-se a diferentes tamanhos e orientações de ecrã. Use painéis incorporados como StackPanel, Grid e RelativePanel, ou crie painéis personalizados para cenários especializados. Transformações e efeitos de perspetiva 3D acrescentam ainda mais flexibilidade.

Saiba mais sobre painéis de layout

Navegação

Ajude os utilizadores a moverem-se pela sua aplicação com padrões de navegação como navegação retroativa, histórico de navegação e transições de página para página. Use controlos de navegação como NavigationView, BreadcrumbBar e TabView para criar estruturas de navegação claras e consistentes.

Explorar navegação

Motion

O movimento dá vida à sua aplicação e cria uma sensação de continuidade à medida que os utilizadores interagem com ela. Use transições de página, animações ligadas, efeitos de paralaxe e animações XAML para fornecer feedback visual e orientar a atenção.

Explorar o movimento

Windowing

As APIs de janelas permitem-lhe gerir janelas da aplicação, personalizar barras de título e controlar como a sua aplicação aparece no ecrã. Use a classe AppWindow e as APIs relacionadas para criar experiências multi-janela, ir para ecrã completo ou implementar sobreposições compactas.

Aprenda sobre janelas