sgcUI Fluent: o visual do Windows 11 para todos os controles, em uma única linha

Seus usuários passam o dia inteiro no Windows 11. Seus cantos arredondados, bordas discretas, superfícies em camadas e cor de destaque se tornaram a aparência de um aplicativo desktop moderno. A partir do sgcUI 2026.11, seus aplicativos Delphi e C++ Builder podem ter exatamente essa aparência, sem tocar em um único formulário.

O novo preset de tema Fluent redesenha todos os produtos sgcUI de uma só vez. É um sistema de design de verdade, não uma simples troca de cores: um tema agora também define o raio dos cantos de cada tipo de elemento, as larguras dos traços e as cores de passar o mouse, pressionado, selecionado e desabilitado, e cada produto lê esses valores do preset ativo.

Fluent em 60 segundos

De Classic para Fluent, de claro para escuro, e a suíte inteira em um minuto. Também no YouTube.

Uma linha muda a suíte inteira

Chame-a uma vez na inicialização, antes de o formulário principal ser exibido, e todos os controles sgcUI do aplicativo são desenhados com o visual Fluent. Chame-a novamente em tempo de execução e todos os controles visíveis são redesenhados na hora.

uses
  sgcUICore_Theme;

// every sgcUI control of the application takes the Windows 11 look
sgcUISetApplicationThemePreset('Fluent');

Classic continua sendo o padrão. Nada muda em um aplicativo existente até você optar por isso, então você pode atualizar o sgcUI hoje e mudar para Fluent quando for conveniente.

O que o Fluent muda

De perto

A diferença está nos detalhes. Aqui está o quadro Kanban da captura de tela acima no dobro do tamanho. Arraste a alça e observe as colunas, os cartões, os chips de etiquetas e o texto.

Claro, escuro e alto contraste

O Fluent traz uma variante clara e uma escura, e o alto contraste mantém as formas do Fluent com as cores do esquema de alto contraste do Windows. Seu aplicativo pode acompanhar a configuração clara ou escura do Windows ao vivo: quando o usuário alterna a opção no Windows, todos os controles sgcUI são redesenhados sem reiniciar.

uses
  sgcUICore_Theme;

sgcUISetApplicationThemePreset('Fluent');
// follow the light / dark setting of Windows, live, and theme the forms too
sgcUISetApplicationThemeFollow(utfSystem, True);

// optional: your brand colour instead of the Windows accent
sgcUISetApplicationAccentColor($FFE2571E);

Seguir o sistema vem desativado por padrão. O Fluent usa a cor de destaque do Windows, e uma cor de destaque definida pelo aplicativo sempre prevalece.

Uma janela de verdade do Windows 11

Os controles são só metade do quadro. Enquanto o Fluent ou o acompanhamento do sistema está ativo, sgcUIApplyThemeToForm também dá aos formulários VCL e FireMonkey uma barra de título escura no modo escuro e os cantos de janela arredondados do Windows 11. Você também pode definir a moldura de qualquer formulário diretamente.

uses
  sgcUICore_Theme, sgcUICore_Theme_VCL;

// dark title bar and Windows 11 rounded corners for this form
sgcUIApplyWindowFrameVCL(Self, utDefault);

Os formulários FireMonkey usam sgcUIApplyWindowFrameFMX de sgcUICore_Theme_FMX.

Todos os produtos, um só visual

Cada um dos 14 produtos sgcUI obtém seus raios de canto, larguras de moldura e cores de estado do preset, de modo que o visual Fluent alcança a suíte inteira: a barra de navegação e o ribbon, o indicador de etapas do assistente, a grade dinâmica e sua lista de campos, o agendador e o gráfico de Gantt. O visualizador de PDF participa com a nova propriedade UseUITheme, e os mapas com a nova propriedade Theme, de modo que os botões de zoom, a bússola, a barra de escala e os popups também seguem o tema.

Já usa VCL Styles?

Mantenha-os. Com o novo acompanhamento do host, os controles sgcUI obtêm suas cores do VCL Style ativo (Delphi XE2 e posteriores), enquanto o Fluent continua fornecendo as formas. Mude o estilo em tempo de execução e os controles sgcUI o acompanham.

uses
  Vcl.Themes, sgcUICore_Theme, sgcUICore_Theme_VCL;

TStyleManager.TrySetStyle('Amakrits');
sgcUISetApplicationThemePreset('Fluent');
// colours from the active VCL style, shapes from Fluent
sgcUISetApplicationThemeFollow(utfHost, True);

Faça do seu jeito

Fluent e Classic são dois presets, não os únicos. Parta da definição do Fluent, altere o que a sua marca precisa e registre-a com o seu próprio nome. Todos os produtos a utilizam da mesma forma.

uses
  sgcUICore_Theme;

var
  vLight, vDark: TsgcUIThemeDef;
begin
  // start from Fluent and make the cards and tiles rounder
  vLight := sgcUIFluentThemeDef(False);
  vDark := sgcUIFluentThemeDef(True);
  vLight.RadiusMedium := 12;
  vDark.RadiusMedium := 12;
  vLight.RadiusLarge := 16;
  vDark.RadiusLarge := 16;
  sgcUIRegisterThemePreset('Rounded', vLight, vDark);
  sgcUISetApplicationThemePreset('Rounded');
end;

A fonte do aplicativo também prevalece sobre o preset: defina a sua com sgcUISetDefaultFontName ou sgcUISetDefaultFontFiles e o Fluent mantém todo o resto.

Veja você mesmo: a demo Theme Gallery

A nova demo Theme Gallery, para VCL, FireMonkey e C++ Builder, coloca Classic e Fluent lado a lado em claro, escuro e alto contraste, nas páginas Overview, Document, Map e Controls. Ela tem uma opção de acompanhamento do host e um seletor de VCL Style, e pode salvar uma captura de tela de cada combinação. Todas as capturas de tela deste artigo foram feitas com ela.

Dúvidas ou comentários? Entre em contato, você receberá a resposta de quem escreveu o código.