Interface do usuário e entrada

  • Artigo

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.

      Botão do WinUI

    • 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.

      Material acrílico

  • 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)

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