Modernize suas interfaces 4D com Fluent UI

Nos bastidores, um esforço significativo de engenharia foi realizado para trazer a integração nativa de Fluent UI em 4D. Isso significa que os formulários 4D agora podem ser exibidos usando o sistema de design Fluent UI da Microsoft, o mesmo estilo visual moderno que define Windows, Office e Teams. 4D é um dos primeiros ambientes de desenvolvimento a oferecer integração WinUI nativa, permitindo aos desenvolvedores trazer a autêntica experiência Fluent UI para suas aplicações desktop. No lado do cliente, a transição não poderia ser mais simples. Basta ativar a renderização da IU fluente nas definições do seu projeto e efetuar alguns pequenos ajustes de layout nos seus formulários para desfrutar do novo e moderno aspeto.

Esta integração profunda marca uma das evoluções chave em 4D 21, que introduz Fluent UI rendering como uma nova maneira de mostrar seus formulários usando a interface gráfica moderna de Microsoft. Até agora, seus formulários eram exibidos usando o estilo clássico familiar de Windows. Agora, pode escolher entre o aspeto clássico de confiança e o estilo elegante da IU Fluente, alinhando a sua aplicação com as expectativas modernas dos utilizadores. Esta flexibilidade permite-lhe adaptar as suas aplicações às expectativas dos seus utilizadores, mantendo o controlo sobre o ritmo a que moderniza as suas interfaces.

Fluent UI está disponível como Developer Preview em 4D 21 Beta, mas não será incluído na versão final. No entanto, os desenvolvedores poderão continuar testando e experimentando com esta tecnologia a partir de 4D 21 R2.

Fluent UI: O sistema de design moderno da Microsoft

Fluent UI é o sistema de design que alimenta aplicações Microsoft como Windows, Office, e Teams. Seu objetivo é entregar uma experiência visual consistente, elegante e agradável.

De acordo com a documentação do Fluent UI, ele se baseia em alguns princípios fundamentais:

• Simplicidade e clareza: hierarquia visual clara, tipografia legível e uso equilibrado do espaço.
• Profundidade e luz: sombras subtis e efeitos de transparência para um toque moderno.
• Movimento fluido: animações que guiam o utilizador sem abrandar a navegação.
• Adaptabilidade: suporte nativo para temas claros e escuros, bem como para ecrãs de alta resolução.
• Coerência: uma experiência unificada em todo o ecossistema da Microsoft.

Em suma, o Fluent UI não é apenas uma nova aparência, mas uma verdadeira filosofia de design que torna as aplicações mais agradáveis, modernas e intuitivas.

WinUI 3: a tecnologia para aplicações de ambiente de trabalho

Para aplicações desktop Windows, Fluent UI é implementado através de WinUI 3, que é parte do Windows App SDK.

Essa é a tecnologia que 4D agora integra, permitindo trazer um visual moderno com suporte a modo escuro para seus formulários enquanto preserva a estabilidade de suas aplicações existentes.

Uma pré-visualização visual

Como habilitar Fluent UI em 4D

Primeiro, precisa instalar o Windows App SDK versão 1.7.3. Se o SDK não estiver instalado, 4D vai exibir automaticamente o formulário usando o estilo clássico sem gerar erros.

Em seguida, pode definir o estilo global de sua aplicação nas configurações do projeto. Essa opção é ideal se estiver pronto para adotar WinUI em todo o seu projeto.

Se preferir uma transição gradual, cada formulário pode substituir a configuração global através da propriedade “Aparência do widget”. A opção padrão é “Herdado”, que segue a configuração global do aplicativo. Também pode selecionar explicitamente Clássico para manter a renderização tradicional ou IU Fluente para modernizar um formulário específico que esteja pronto.

Isto significa que mantém o controlo total da transição. Pode mudar todo o seu projeto de uma só vez, se estiver pronto, ou modernizar passo a passo, activando o Fluent UI apenas em formulários selecionados.

Limitações actuais (Developer Preview)

Alguns recursos ainda não são suportados ao usar a renderização Fluent UI:

• Instalação automática do WinUI para desenvolvimento ou implantação
• WYSIWYG no editor de formulários
• Barra de menus que ainda é mostrada no estilo clássico
• Widgets da biblioteca de objectos (como a interface 4D Write Pro)
• Suporte de formulário de lista
• Plugins

Resumo

Com a habilidade de alternar entre o estilo clássico de Windows e o estilo Fluent UI, 4D lhe dá ainda mais liberdade para desenhar interfaces feitas sob medida. Pode modernizar suas aplicações em seu próprio ritmo, de acordo com suas prioridades, enquanto melhora significativamente a experiência do usuário. E isso é uma das coisas que faz a tecnologia 4D tão poderosa a longo prazo. Não precisa começar do zero ou enfrentar migrações complexas. Pode mudar para uma biblioteca UI moderna com apenas uma fração do esforço requerido por outras tecnologias desktop.

Apenas um lembrete: Fluent UI rendering está disponível como Developer Preview em 4D 21 Beta mas não será incluído no lançamento final. No entanto, poderá continuar experimentando com ele em 4D 21 R2.

Experimente Fluent UI rendering em seus formulários 4D hoje, e não hesite em compartilhar seus resultados com a comunidade no fórum!