sgcUI Fluent: el aspecto de Windows 11 para cada control, en una sola línea

Tus usuarios viven en Windows 11 todo el día. Sus esquinas redondeadas, bordes discretos, superficies en capas y color de énfasis se han convertido en lo que define a una aplicación de escritorio moderna. A partir de sgcUI 2026.11, tus aplicaciones Delphi y C++ Builder pueden verse exactamente así, sin tocar ni un solo formulario.

El nuevo preset de tema Fluent rediseña todos los productos sgcUI a la vez. Es un auténtico sistema de diseño, no un simple cambio de colores: un tema ahora también define el radio de las esquinas de cada tipo de elemento, el grosor de los trazos y los colores de pasar el cursor, pulsado, seleccionado y deshabilitado, y cada producto los lee del preset activo.

Fluent en 60 segundos

De Classic a Fluent, de claro a oscuro y toda la suite en un minuto. También en YouTube.

Una línea cambia toda la suite

Llámala una vez al iniciar, antes de mostrar el formulario principal, y todos los controles sgcUI de la aplicación se dibujan con el aspecto Fluent. Llámala de nuevo en tiempo de ejecución y cada control visible se repinta al instante.

uses
  sgcUICore_Theme;

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

Classic sigue siendo el valor por defecto. Nada cambia en una aplicación existente hasta que lo actives, así que puedes actualizar sgcUI hoy y pasar a Fluent cuando te convenga.

Qué cambia Fluent

De cerca

La diferencia está en los detalles. Aquí tienes el tablero Kanban de la captura anterior al doble de tamaño. Arrastra el control y fíjate en las columnas, las tarjetas, los chips de etiqueta y el texto.

Claro, oscuro y alto contraste

Fluent incluye una variante clara y otra oscura, y el alto contraste mantiene las formas de Fluent con los colores del esquema de alto contraste de Windows. Tu aplicación puede seguir el ajuste claro u oscuro de Windows en vivo: cuando el usuario cambia el interruptor en Windows, cada control sgcUI se repinta sin 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 al sistema está desactivado por defecto. Fluent toma el color de énfasis de Windows, y un color de énfasis fijado por la aplicación siempre prevalece.

Una auténtica ventana de Windows 11

Los controles son solo la mitad de la historia. Mientras Fluent o el seguimiento del sistema estén activos, sgcUIApplyThemeToForm también da a los formularios VCL y FireMonkey una barra de título oscura en modo oscuro y las esquinas de ventana redondeadas de Windows 11. También puedes establecer el marco de cualquier formulario directamente.

uses
  sgcUICore_Theme, sgcUICore_Theme_VCL;

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

Los formularios FireMonkey usan sgcUIApplyWindowFrameFMX de sgcUICore_Theme_FMX.

Todos los productos, un mismo aspecto

Cada uno de los 14 productos sgcUI toma del preset sus radios de esquina, grosores de marco y colores de estado, de modo que el aspecto Fluent llega a toda la suite: la barra de navegación y la cinta de opciones, el indicador de pasos del asistente, la cuadrícula dinámica y su lista de campos, el planificador y el diagrama de Gantt. El visor de PDF se suma con la nueva propiedad UseUITheme, y los mapas con su nueva propiedad Theme, de modo que los botones de zoom, la brújula, la barra de escala y las ventanas emergentes también siguen el tema.

¿Ya usas estilos VCL?

Consérvalos. Con el nuevo seguimiento del host, los controles sgcUI toman sus colores del estilo VCL activo (Delphi XE2 y posteriores), mientras Fluent sigue aportando las formas. Cambia el estilo en tiempo de ejecución y los controles sgcUI lo siguen.

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);

Hazlo tuyo

Fluent y Classic son dos presets, no los únicos. Parte de la definición de Fluent, cambia lo que necesite tu marca y regístrala con tu propio nombre. Todos los productos la recogen de la misma manera.

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;

La fuente de la aplicación también prevalece sobre el preset: establece la tuya con sgcUISetDefaultFontName o sgcUISetDefaultFontFiles y Fluent mantiene todo lo demás.

Compruébalo tú mismo: la demo Theme Gallery

La nueva demo Theme Gallery, para VCL, FireMonkey y C++ Builder, muestra Classic y Fluent lado a lado en claro, oscuro y alto contraste, en las páginas Overview, Document, Map y Controls. Tiene una opción de seguimiento del host y un selector de estilos VCL, y puede guardar una captura de cada combinación. Todas las capturas de este artículo se hicieron con ella.

¿Preguntas o comentarios? Ponte en contacto con nosotros, recibirás respuesta de las personas que escribieron el código.