Interface e entrada do usuário

Este artigo fornece uma visão geral das estruturas de interface do usuário do Windows que atualmente são mantidas pela Microsoft e compara seus recursos.

A Microsoft produz estruturas de interface do usuário e plataformas de aplicativo. As plataformas de aplicativo normalmente incluem uma estrutura de interface do usuário, enquanto as estruturas de interface do usuário são autônomas (não enviadas com uma plataforma de aplicativo) ou podem ser usadas com várias plataformas de aplicativo (consulte Escolher sua plataforma de aplicativo).

As estruturas discutidas aqui incluem WinUI para o SDK de Aplicativos do Windows (WinUI 3) e UWP (WinUI 2), Windows Presentation Foundation (WPF) e Windows Forms (WinForms).

Conceitos básicos da interface do usuário

Ao criar um aplicativo moderno do Windows, você tem uma seleção de estruturas de interface do usuário para escolher. As estruturas de interface do usuário fornecem ao seu aplicativo controles internos, estilos, animações, manipulação de entrada e muito mais.

Há cinco componentes principais que entram na criação de uma interface do usuário para seu aplicativo do Windows. Esses componentes geralmente são integrados a cada estrutura de interface do usuário.

• controles e estilos de

  • Um controle é um elemento de interface do usuário que exibe conteúdo ou habilita a interação. Os controles são os blocos de construção da interface do usuário.

    Aqui está um exemplo de um controle Button disponível na UWP, no WinUI 2 e no WinUI 3. Quando você coloca esse controle em seu aplicativo, ele recebe automaticamente o design padrão que a estrutura da interface do usuário fornece.

    

  • Os estilos consistem em cores, tipografia, ícones, materiais fluentes e muito mais que podem ser usados em todo o design do aplicativo para criar uma experiência verdadeiramente única.

    Aqui está um exemplo de um componente de estilo chamado Acrylic, disponível no WinUI 2 e no WinUI 3. Acrílico é um pincel que você pode usar em superfícies em seu aplicativo ou como plano de fundo do seu aplicativo. Ele fornece uma textura translúcida.

    

• Entrada e interação

  Os usuários finais podem interagir com seu aplicativo e fornecer entrada para seu aplicativo (como seleção ou digitação) por meio de métodos diferentes. Alguns exemplos de entrada são:

  • Rato
  • Toque
  • Controle de jogo
  • Caneta
  • Teclado
  • Surface Dial
  • Touchpad
  • Discurso

• Suporte ao dispositivo

  Os usuários finais acessam aplicativos do Windows em uma variedade de dispositivos, e as estruturas de interface do usuário só podem dar suporte a determinados. Alguns dispositivos comuns para aplicativos do Windows a serem executados são:

  • Computadores (geralmente chamados de "desktop", mas também inclui laptops)
  • Comprimidos
  • HoloLens
  • Xboxe
  • Surface Hub

• Movimento e animação

  Animações integradas podem realmente dar ao seu aplicativo uma aparência polida e fornecer consistência com aplicativos nativos em todo o Windows.

  Um exemplo de uma animação interna em UWP, WinUI 2 e WinUI 3 é a animação que ocorre quando o usuário final alterna entre o modo claro e escuro. Quando o usuário final alternar os modos para todo o PC, a interface do usuário do aplicativo será atualizada automaticamente com uma animação de transição.

• Usabilidade e acessibilidade

  Para garantir que seu aplicativo seja interessante de usar para cada usuário, você deve levar em conta a acessibilidade.

  As estruturas de interface do usuário fornecem acessibilidade interna para controles e estilos com comportamento de teclado proposital, suporte a leitores de tela e muito mais. Muitos também fornecem APIs para ações acessíveis em controles personalizados, como interagir com os screenreaders.

Estruturas de interface do usuário

Cada estrutura de interface do usuário lançada pela Microsoft tem recursos exclusivos, segue diferentes linguagens de design e fornece experiências diferentes para o usuário final. Esta seção comparará todas as principais estruturas de interface do usuário que você escolherá quando começar a compilar seu aplicativo.

A tabela a seguir mostra um breve resumo de alguns recursos principais entre essas estruturas de interface do usuário. Para obter mais detalhes sobre cada estrutura, navegue pelas guias mais abaixo.

Capacidade	SDK do Aplicativo do Windows (WinUI 3)	WinUI 2 para UWP	WPF (Windows Presentation Foundation)	Formulários do WinForms
Idiomas com suporte	C#/.NET 6 e posterior, C++/WinRT	C#/.NET Nativo, C++/WinRT, C++/CX, VB	C#/.NET 6 (e posterior) e .NET Framework, C++/CLI (Extensões Gerenciadas para C++), F#, VB	C#/.NET 6 (e posterior) e .NET Framework, C++/CLI (Extensões Gerenciadas para C++), F#, VB
Dispositivos com suporte	Computadores (incl. laptops e tablets), suporte para todos os dispositivos Windows 10 em breve	Todos os dispositivos Windows 10 (computadores, tablets, HoloLens, Xbox, Surface Dial e muito mais)	Computadores de mesa e laptops	Computadores de mesa e laptops
Entradas suportadas	Todos os tipos de entrada do Windows 10 são suportados	Todos os tipos de entrada do Windows 10 são suportados	Mouse e teclado	Mouse e teclado
Versão do sistema operacional Windows com suporte	Windows 10 versão 1809 ou posterior	Windows 10 versão 1703 ou posterior	Windows XP ou posterior	Windows XP ou posterior
Suporte ao WebView	WebView2 baseado em Chromium	WebView sem Chromium	Suporte ao WebView2 em breve	Suporte ao WebView2 em breve
Software livre	Em breve	Sim	Sim (somente .NET 6 e posterior)	Sim (somente .NET 6 e posterior)

Para obter mais informações sobre cada uma dessas estruturas de interface do usuário, consulte as informações nas guias a seguir.

SDK do Aplicativo do Windows (WinUI 3)

SDK do Aplicativo do Windows (WinUI 3)

Para a maioria dos novos aplicativos do Windows, recomendamos o WinUI com o SDK do Aplicativo do Windows (WinUI 3) para criar sua interface do usuário. O WinUI 3 fornece experiências consistentes, intuitivas e acessíveis usando os padrões de interface do usuário (interface do usuário) mais recentes.

O WinUI 3 é completamente dissociado do sistema operacional Windows e é fornecido como parte do SDK do Aplicativo do Windows, que é um conjunto de ferramentas e componentes que representam a próxima evolução na plataforma de desenvolvimento de aplicativos do Windows.

O WinUI 3 é a última geração do WinUI. O WinUI 2 e 3 compartilham muitos dos mesmos controles, estilos e outros conceitos básicos da interface do usuário (consulte Comparação de WinUI 2 e WinUI 3).

Principais cenários de aplicativo habilitados pelo WinUI 3

• Aplicativos modernos do Windows que precisam ser executados em uma variedade de dispositivos modernos, com uma variedade de entradas modernas
• Aplicativos da Área de Trabalho/Win32 escritos em C++
• Aplicativos ou jogos com elementos gráficos pesados que desejam aproveitar o DirectX e o Win2D
• Aplicativos com muito conteúdo integrado da Web que precisam de alto desempenho
• Aplicativos que buscam fornecer experiências que "se encaixam diretamente" no sistema operacional Windows e com outros aplicativos do Windows de primeira parte

Documentação útil para WinUI 3

• Visão geral: WinUI 3
• Introdução: Criar seu primeiro projeto WinUI 3
• Escrevendo XAML: da Plataforma XAML
• Referência de API: Referência da API winui
• Controles: visão geral dos Controles de
• Entrada: entrada e interações
• Movimento: Movimento para aplicativos do Windows
• Acessibilidade: usabilidade para aplicativos do Windows
• Exemplos: aplicativo da Galeria do WinUI 3

WinUI 2 para UWP

WinUI 2 para UWP

Para a maioria dos aplicativos UWP, recomendamos usar o WinUI 2 para criar sua interface do usuário. O WinUI 2 é uma estrutura de interface do usuário autônoma que é fornecida em um pacote NuGet e pode ser facilmente adicionada a qualquer aplicativo UWP para modernizar o design e a experiência geral.

O WinUI 2 e 3 compartilham muitos dos mesmos controles, estilos e outros conceitos básicos da interface do usuário (consulte Comparação de WinUI 2 e WinUI 3).

Principais cenários de aplicativo habilitados pelo WinUI 2

• Aplicativos UWP que estão procurando trabalhar em nível inferior para todas as versões do Windows 10 e Windows 11
• Aplicativos ou jogos com elementos gráficos pesados que desejam aproveitar o DirectX e o Win2D
• Aplicativos UWP que precisam ser executados em uma variedade de dispositivos modernos, com uma variedade de entradas modernas
• Aplicativos que buscam fornecer experiências que "se encaixam diretamente" no sistema operacional Windows e com outros aplicativos do Windows de primeira parte

Documentação útil para WinUI 2

• Visão geral: WinUI 2
• Introdução: Introdução ao WinUI 2 para UWP
• Escrevendo XAML: da Plataforma XAML
• Referência de API: Referência da API winui
• Controles: visão geral dos Controles de
• Entrada: entrada e interações
• Movimento: Movimento para aplicativos do Windows
• Acessibilidade: usabilidade para aplicativos do Windows
• Exemplos: aplicativo da Galeria do WinUI 2

WPF

WPF (Windows Presentation Foundation)

O WPF (Windows Presentation Framework) é um modelo de aplicativo para criar aplicativos da área de trabalho com .NET 6 (e posterior) ou .NET Framework. É uma plataforma de software livre que é mantida pelas equipes do Windows e do .NET.

A estrutura de interface do usuário fornecida no WPF oferece controles, estilos e capacidades compatíveis com versões anteriores até o Windows XP.

Principais cenários de aplicativo habilitados pelo WPF

• Aplicativos que precisam ser executados em nível inferior às versões do Windows anteriores ao Windows 10
• Aplicativos que são executados apenas em computadores e não exigem uma variedade de entradas, como toque
• Aplicativos que precisam de controles internos mais complexos: o WPF tem o maior conjunto de controles internos disponíveis para desenvolvimento do Windows

Documentação útil para o WPF

• Visão geral: Guia do Desktop (WPF .NET)
• Introdução: Tutorial: Criar um novo aplicativo WPF
• Escrevendo XAML: Visão geral de XAML (WPF .NET)
• Referência da API: Referência da API do .NET
• Controles: Controles (WPF)
• Entrada: Entrada (WPF)
• Movimento: Visão geral da animação
• Acessibilidade: práticas recomendadas de acessibilidade
• Exemplos: repositório GitHub de exemplos do WPF

Windows Forms

Windows Forms

O Windows Forms fornece um Visual Studio Designer interno exclusivo para a criação de aplicativos .NET da área de trabalho. Com o Designer, você cria sua interface do usuário arrastando e soltando os controles internos diretamente na interface do usuário do aplicativo.

O Windows Forms é um projeto de software livre.

Observe que o Windows Forms não tem animações internas, ao contrário das outras estruturas de interface do usuário mencionadas neste artigo. Ele também não dá suporte à marcação XAML– você deve usar o Designer ou o código para criar a interface do usuário do aplicativo.

Principais cenários de aplicativo habilitados pelo Windows Forms

• Desenvolvedores ou designers que desejam criar aplicativos sem saber ou escrever XAML
• Aplicativos que precisam ser executados em nível inferior às versões do Windows anteriores ao Windows 10
• Aplicativos que são executados apenas em computadores e não exigem uma variedade de entradas, como toque
• Aplicativos que não estão buscando criar controles personalizados ou interface do usuário altamente personalizada

Documentação útil para Windows Forms

• Visão geral: Guia da área de trabalho (Windows Forms .NET)
• Introdução: Tutorial: Criar um novo aplicativo WinForms (Windows Forms .NET)
• Referência da API: Referência da API do .NET
• Controles: Visão geral do uso de controles (Windows Forms .NET)
• Entrada: Entrada do usuário (Windows Forms)
• Acessibilidade: Acessibilidade do Windows Forms
• Exemplos: repositório GitHub de exemplos do Winforms

Outras

Outros

Há algumas estruturas de interface do usuário que não foram discutidas neste artigo, incluindo Win32/ComCtl32 e MFC. Embora essas estruturas de interface do usuário ainda estejam disponíveis para uso, elas não são mantidas regularmente e não atendem aos mesmos padrões de acessibilidade e design que o Windows fornece hoje. É recomendável que você use uma estrutura mais moderna ao criar novos aplicativos do Windows.

Se você quiser saber mais sobre a modernização de um aplicativo que está usando uma estrutura de interface do usuário mais antiga, consulte Modernizar seus aplicativos da área de trabalho.

Para obter mais informações sobre essas estruturas de interface do usuário, consulte a seguinte documentação:

• Visão geral do MFC
• Win32/ComCtl32