Implemente a Fluent UI sem esforço nas suas aplicações 4D

Com o 4D 21 R2, o Fluent UI permanece na Developer Preview, mas alcança um novo marco com uma integração nativa completa diretamente no 4D. Embora ainda esteja em pré-visualização, agora é mais fácil de ativar, configurar e implementar, e não depende mais de dependências externas. As suas aplicações adotam instantaneamente uma interface moderna consistente com o Windows 11, sem qualquer configuração adicional para os seus utilizadores.

E para você, como desenvolvedor, a melhoria é ainda mais significativa. O Fluent UI se torna mais fácil de ativar, mais flexível de configurar e mais simples de implantar. Você ganha novas ferramentas e opções que se encaixam naturalmente em seu fluxo de trabalho, ao mesmo tempo em que oferece uma transição suave e controlada para a nova interface.

Uma integração completa no 4D

A Fluent UI agora faz parte do próprio 4D, incorporada diretamente ao produto. Não há mais nenhuma configuração complexa ou estrutura externa para gerenciar.

Do lado do desenvolvedor

Ao instalar o 4D 21 R2 na máquina do desenvolvedor, o 4D pode sugerir o download do Windows App SDK, que é necessário para habilitar o Fluent UI durante o desenvolvimento.

Se o Windows App SDK já estiver presente na máquina, esta etapa de instalação pode ser ignorada. A partir do Windows 11 25H2, o Windows App SDK é instalado ou atualizado diretamente com o sistema operativo.

Em apenas alguns minutos, o ambiente de desenvolvimento está pronto para usar o Fluent UI, sem necessidade de configuração adicional.

No lado da implantação do aplicativo

Essa integração nativa também simplifica muito a forma como você implanta seus aplicativos.

Com o 4D 21 R2, você pode decidir se o Windows App SDK deve ser incorporado diretamente no aplicativo gerado. Essa escolha determina como o Fluent UI se comportará nas máquinas dos usuários finais, independentemente da configuração do desenvolvedor.

• Quando incluir o SDK?
  Inclua o SDK para garantir que sua aplicação use o Fluent UI independentemente da configuração da máquina. Não é necessária nenhuma instalação na máquina do usuário. Ele funciona imediatamente.
• Quando não incluir o SDK?
  Não incluir o SDK ajuda a manter sua aplicação implantada mais leve, mas pode exigir instalação nas máquinas dos clientes, com suporte ou intervenção administrativa necessária para preparar o ambiente.

 

Como configurar o Fluent UI no momento da compilação

Na caixa de diálogo Build Application (Compilar aplicativo), o Fluent UI agora aparece na lista de módulos opcionais. É aqui que você decide incluir ou excluir o SDK. Ele está habilitado por padrão, mas você pode desativá-lo se o seu aplicativo precisar permanecer 100% clássico. Em todos os casos, a implantação permanece simples, sem dependências externas para gerenciar e com uma experiência de usuário perfeitamente suave.

Quando o aplicativo é iniciado, se a configuração do sistema não permitir que o Fluent UI seja ativado, o aplicativo volta automaticamente para o modo clássico. Nenhuma mensagem de erro é exibida, apenas uma linha de aviso é adicionada ao log de diagnóstico. Isso garante um comportamento previsível, robusto e totalmente transparente para seus usuários.

Verificando se o seu aplicativo usa a Fluent UI

O 4D 21 R2 expande o comando Application info para fornecer feedback claro sobre o status do Fluent UI em seu aplicativo.

var $useFluentUI; $canUseFluentUI : Boolean
$useFluentUI:=Application info.useFluentUI
$canUseFluentUI:=Application info.canUseFluentUI

Isso permite que você saiba se o aplicativo está realmente usando a Fluent UI e se o ambiente oferece suporte a ela. É ideal para diagnósticos e para melhorar seu registro ou suporte ao usuário.

Nova consulta de mídia CSS

A 4D introduziu consultas de mídia CSS com prefers-color-scheme para lidar com os modos claro e escuro. Com o 4D 21 R2, a plataforma vai um passo além com uma nova consulta de mídia chamada form-theme, dedicada especificamente à aparência do formulário (clássico ou Fluent UI).

Essa consulta de mídia permite aplicar estilos com base no tema do formulário:

@media (form-theme: win-classic) {
	...
}
 
@media (form-theme: fluent-ui) {
	...
	}
	@media (prefers-color-scheme: dark) {
		... 
	}
}

Essa flexibilidade é especialmente valiosa se você estiver migrando gradualmente seus formulários para a Fluent UI. Você pode manter seus estilos existentes para formulários clássicos enquanto introduz progressivamente novos estilos otimizados para o novo design. Cada formulário pode evoluir independentemente, permitindo uma transição suave sem afetar o resto do seu aplicativo.

Diálogos 4D modernos e consistentes

A modernização das caixas de diálogo 4D já começou. Os seguintes comandos agora exibem janelas no design Fluent UI quando o banco de dados está configurado para Fluent UI:

• ALERT
• CONFIRM
• REQUEST
• MESSAGE

E isso não é tudo! A janela do corretor ortográfico agora adota a mesma aparência da janela que a abriu.

Isso proporciona aos usuários uma experiência consistente e integrada em todo o aplicativo.

Considerações finais

Com o 4D 21 R2, o Fluent UI permanece na Developer Preview, ao mesmo tempo em que atinge um novo nível de integração nativa em nível de plataforma. A ativação é mais simples, a implantação é mais flexível, os recursos CSS foram expandidos e mais diálogos agora adotam um design Fluent UI moderno.

Esta versão oferece aos desenvolvedores uma base sólida e coerente para explorar, testar e adotar progressivamente o Fluent UI em aplicativos do mundo real, preservando a compatibilidade total com as interfaces existentes.

E o melhor de tudo é que você pode avançar no seu próprio ritmo, formulário por formulário, sem quebrar suas interfaces existentes. Uma transição suave para o Fluent UI, no verdadeiro espírito do 4D.