WinUI 2.6

WinUI 2.6 é a versão de junho de 2021 do WinUI para aplicativos UWP (e aplicativos de desktop usando Ilhas XAML).

O WinUI está hospedado no GitHub , onde incentivamos você a registrar relatórios de bugs.

Todas as versões estáveis (e pré-lançamentos) estão disponíveis para download em nossa página de lançamento do GitHub ou da nossa página do NuGet .

Pacotes WinUI podem ser adicionados a projetos do Visual Studio por meio do gerenciador de pacotes NuGet. Para obter mais informações, consulte Introdução ao WinUI 2 para UWP.

Os recursos novos ou atualizados para WinUI 2.6 incluem:

Mica

O Mica é um novo material que incorpora o tema e o papel de parede da área de trabalho para pintar o fundo de janelas permanentes, como aplicativos e configurações do sistema. Você pode aplicar o Mica ao seu pano de fundo do aplicativo para encantar os usuários e criar hierarquia visual, auxiliando na produtividade ao aumentar a clareza de qual janela está em foco. O Mica foi projetado especificamente para o desempenho do aplicativo, pois ele só amostra o papel de parede da área de trabalho uma vez para criar sua visualização.

Diretrizes de uso

Referência de API

Expansor

O controle Expander é composto por um cabeçalho de conteúdo primário sempre visível, emparelhado com um botão de alternância usado para mostrar ou ocultar uma área de conteúdo expansível que contém conteúdo secundário relacionado ao cabeçalho.

À medida que o usuário expande ou recolhe a área de conteúdo, os elementos de interface do usuário adjacentes são deslocados e ajustados para acomodar a área de conteúdo. A área de conteúdo do expansor não sobrepõe esses elementos.

Este exemplo animado mostra um Expansor no estado padrão com apenas texto básico na área de conteúdo.

Você pode usar uma interface do usuário complexa e interativa na área de conteúdo do Expander, incluindo controles aninhados do Expander, como mostrado aqui.

Diretrizes de uso

Referência de API

Barra de migalhas de pão

Um BreadcrumbBar é um elemento de navegação hierárquico que fornece um caminho direto de links para páginas ou pastas até o local atual do usuário. Ele geralmente é usado perto da parte superior de uma página em situações em que a trilha de navegação do usuário (em um sistema de arquivos ou sistema de menus) precisa ser persistentemente visível e fornecer ao usuário a capacidade de voltar rapidamente para um local anterior.

Este exemplo animado mostra um BreadcrumbBar no estado padrão com oito níveis de profundidade de navegação.

Se o aplicativo for redimensionado para que não haja espaço suficiente para mostrar todos os níveis na BreadcrumbBar, o controle será recolhido automaticamente, substituindo uma reticência pelos nós mais à esquerda. Clicar nas reticências abre um menu suspenso que exibe os nós recolhidos em ordem hierárquica, como mostrado aqui.

Diretrizes de uso

Referência de API

Ícone de imagem

O ImageIcon adiciona suporte ao uso de um controle de imagem como um ícone na interface do aplicativo do usuário.

Há suporte para os seguintes formatos de arquivo de imagem:

• Bitmap (BMP)
• Gif (formato de intercâmbio de elementos gráficos)
• JPEG (Grupo Conjunto de Especialistas em Fotografia)
• Png (Gráficos de Rede Portátil)
• JPEG XR (WDP)
• TIFF (Formato de Arquivo de Imagem Marcado)

Referência de API

Ícone Animado

Um controle AnimatedIcon reproduz imagens animadas em resposta à interação do usuário e alterações de estado visual, como quando um usuário passa o mouse sobre um botão ou clica nele.

Este exemplo animado mostra um AnimatedIcon adicionado a um controle NavigationViewItem.

Definir uma animação requer que você crie ou obtenha um arquivo Lottie para o ícone que deseja adicionar (animações personalizadas podem ser criadas com Adobe AfterEffects e renderizadas com a biblioteca Lottie-Windows) e execute esse arquivo por meio de LottieGen. LottieGen gera código para uma classe C++/WinRT que você pode então instanciar e usar com um AnimatedIcon.

Diretrizes de uso

Referência de API

PipsPager

O controle PipsPager ajuda os usuários a navegar dentro de conteúdo paginado linearmente usando uma coleção configurável de glifos, cada um dos quais representa uma única "página" dentro de um intervalo potencialmente ilimitado. Os glifos destacam a página atual e indicam a disponibilidade das páginas anteriores e seguintes. O controle depende do contexto atual e não dá suporte à numeração de página explícita ou a uma organização não linear.

Este exemplo mostra um PipsPager no estado padrão com cinco pips visíveis, orientados horizontalmente, com o primeiro pip selecionado.

Se o conteúdo consistir em um grande número de páginas, você poderá definir o número de pips visíveis e interativos. Se o número de páginas exceder o número de pips visíveis, os pips serão rolados automaticamente para centralizar a página selecionada no controle.

Este exemplo animado mostra um PipsPager com pips que rolam horizontalmente para uma grande coleção de itens.

Diretrizes de uso

Referência de API

Atualizações de estilo visual

A maioria dos controles WinUI agora dá suporte aos estilos mais recentes do Windows 11.

Um novo sistema de controle de versão também foi introduzido que permite reverter para os estilos de controle anteriores. No entanto, incentivamos fortemente o uso dos novos estilos, se possível, à medida que eles se alinham com a direção de design atual do Windows.

estilos XAML

Estilos de SplitButton para CommandBar

Uma nova fornece a capacidade de aplicar a aparência de um AppBarButton a um controle SplitButton.

Exemplos

Outras atualizações

• Consulte nossa lista Alterações Notáveis para muitos dos problemas do GitHub resolvidos nesta versão.
• Confira o kit de ferramentas de design do Figma para os modelos de controle e layout do WinUI 2.6.