Interface do usuário e entrada

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

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

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

Fundamentos 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, estilos, animações, manipulação de entrada e muito mais.

Há cinco componentes principais que ajudam a criar uma interface do usuário para seu aplicativo do Windows. Esses componentes geralmente são incorporados em cada estrutura de interface do usuário.

• Controles e estilos

  • Um controle é um elemento da 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 de botão disponível no UWP, WinUI 2 e WinUI 3. Quando você coloca esse controle em seu aplicativo, ele recebe automaticamente o design padrão fornecido pela estrutura da interface do usuário.

    

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

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

    

• Entrada e interação

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

  • Mouse
  • Tocar
  • Gamepad
  • Caneta
  • Teclado
  • Surface Dial
  • Touchpad
  • Fala

• Suporte a dispositivos

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

  • PCs (muitas vezes denominados "desktop", mas inclui laptops também)
  • Tablets
  • HoloLens
  • Xbox
  • Hub de Superfície

• Movimento e animação

  As animações incorporadas podem realmente dar ao seu aplicativo uma aparência refinada e fornecer consistência com aplicativos primários em todo o Windows.

  Um exemplo de uma animação interna no 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 alterna de modo para todo o computador, a interface do usuário do aplicativo também é atualizada automaticamente com uma animação de transição.

• Usabilidade e acessibilidade

  Para garantir que seu aplicativo seja agradável de usar para todos os usuários, você deve levar em conta a acessibilidade.

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

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 ao usuário final. Esta seção comparará todas as principais estruturas de interface do usuário que você escolherá quando começar a criar seu aplicativo.

A tabela abaixo 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.

Funcionalidade	SDK do Aplicativo Windows (WinUI 3)	WinUI 2 para UWP	WPF	WinForms
Idiomas compatíveis	C#/.NET 6 e versões posteriores, C++/WinRT	C#/.NET Native, C++/WinRT, C++/CX, VB	C#/.NET 6 (e versões posteriores) e .NET Framework, C++/CLI (Managed Extensions for C++), F#, VB	C#/.NET 6 (e versões posteriores) e .NET Framework, C++/CLI (Managed Extensions for C++), F#, VB
Dispositivos compatíveis	PCs (incluindo laptops e tablets), suporte para todos os dispositivos Windows 10 em breve	Todos os dispositivos Windows 10 (PCs, tablets, HoloLens, Xbox, Surface Dial e muito mais)	PCs desktop e laptops	PCs desktop e laptops
Entradas compatíveis	Todas as entradas do Windows 10 são compatíveis	Todas as entradas do Windows 10 são compatíveis	Mouse e teclado	Mouse e teclado
Versão do sistema operacional Windows compatível	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	WebView baseado no Chromium2	WebView não baseado no 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 Windows (WinUI 3)

SDK do Aplicativo Windows (WinUI 3)

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

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

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

Principais cenários de aplicativos habilitados pelo WinUI 3

• Aplicativos modernos do Windows que precisam ser executados em uma variedade de dispositivos modernos, com diversas entradas modernas
• Aplicativos de desktop/Win32 escritos em C++
• Aplicativos ou jogos com muitos gráficos que podem aproveitar os benefícios do DirectX e do Win2D
• Aplicativos com muito conteúdo da Web integrado que precisam de alto desempenho
• Aplicativos que buscam fornecer experiências que "se encaixam perfeitamente" no sistema operacional Windows e com outros aplicativos originais do Windows

Documentação útil para WinUI 3

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

WinUI 2 para UWP

WinUI 2 para UWP

Para a maioria dos aplicativos UWP, recomendamos usar a 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 que 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 fundamentos de interface do usuário (consulte Comparação entre o WinUI 2 o WinUI 3).

Principais cenários de aplicativos habilitados pelo WinUI 2

• Aplicativos UWP que trabalham no nível inferior para todas as versões do Windows 10 e Windows 11
• Aplicativos ou jogos com muitos gráficos que podem aproveitar os benefícios do DirectX e do Win2D
• Aplicativos UWP que precisam ser executados em uma variedade de dispositivos modernos, com diversas entradas modernas
• Aplicativos que buscam fornecer experiências que "se encaixam perfeitamente" no sistema operacional Windows e com outros aplicativos originais do Windows

Documentação útil para WinUI 2

• Visão geral: WinUI 2
• Introdução: introdução à Biblioteca do Windows UI 2.x
• Escrever em XAML: plataforma XAML
• Referência de API: Referência de API do WinUI
• Controles: visão geral dos controles
• Entrada: entrada e interações
• Movimento: movimento para aplicativos do Windows
• Acessibilidade: usabilidade para aplicativos do Windows
• Exemplos: aplicativo Galeria do WinUI 2

WPF

WPF

O Windows Presentation Framework (WPF) é um modelo de aplicativo para criar aplicativos de área de trabalho com .NET 6 (e posteriores) ou .NET framework. É uma plataforma de código aberto que é mantida pelas equipes do Windows e do .NET.

A estrutura de interface do usuário fornecida no WPF disponibiliza controles, estilos e recursos com suporte no nível inferior por meio do Windows XP.

Principais cenários de aplicativos habilitados pelo WPF

• Aplicativos que precisam ser executados no nível inferior para versões do Windows anteriores ao Windows 10
• Aplicativos que são executados exclusivamente em PCs 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 da área de trabalho (WPF .NET)
• Introdução: Tutorial: criar um novo aplicativo WPF
• Escrever em XAML: Visão geral da XAML (WPF .NET)
• Referência de API: Referência de API do .NET
• Controles: Controles (WPF)
• Input: Entrada (WPF)
• Movimento: Visão geral da animação
• Acessibilidade: Práticas recomendadas de acessibilidade
• Exemplos: Repositório do GitHub de amostras do WPF

Windows Forms

Windows Forms

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

O Windows Forms é um projeto de código aberto.

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

Principais cenários de aplicativos habilitados pelo Windows Forms

• Desenvolvedores ou designers que desejam criar aplicativos sem conhecer ou escrever em XAML
• Aplicativos que precisam ser executados no nível inferior para versões do Windows anteriores ao Windows 10
• Aplicativos que são executados exclusivamente em PCs 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 do Windows Forms

• Visão geral: Guia de área de trabalho (Windows Forms .NET)
• Introdução: Tutorial: Criar um novo aplicativo do WinForms (Windows Forms .NET)
• Referência de API: Referência de 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
• Amostras: Repositório do GitHub de amostras do Winforms

Outras

Outro

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 atualmente. É recomendável que você use uma estrutura mais moderna ao criar novos aplicativos do Windows.

Se você quiser saber mais sobre como modernizar um aplicativo que está usando uma estrutura de interface do usuário mais antiga, consulte Modernizar seus aplicativos de á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