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.