sgcUI Fluent: il look di Windows 11 per ogni controllo, in una sola riga

I tuoi utenti vivono in Windows 11 tutto il giorno. I suoi angoli arrotondati, i bordi discreti, le superfici a livelli e il colore di accento sono diventati l'aspetto di una moderna applicazione desktop. A partire da sgcUI 2026.11, le tue applicazioni Delphi e C++ Builder possono avere esattamente questo aspetto, senza toccare un solo form.

Il nuovo preset di tema Fluent ridisegna tutti i prodotti sgcUI in un colpo solo. È un vero design system, non un semplice cambio di colori: un tema ora definisce anche il raggio degli angoli di ogni tipo di elemento, lo spessore dei tratti e i colori di hover, premuto, selezionato e disabilitato, e ogni prodotto li legge dal preset attivo.

Fluent in 60 secondi

Da Classic a Fluent, da chiaro a scuro, e l'intera suite in un minuto. Anche su YouTube.

Una riga cambia l'intera suite

Chiamala una volta all'avvio, prima che venga mostrato il form principale, e ogni controllo sgcUI dell'applicazione si disegna con il look Fluent. Richiamala a run time e ogni controllo visibile si ridisegna all'istante.

uses
  sgcUICore_Theme;

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

Classic resta il preset predefinito. Nulla cambia in un'applicazione esistente finché non lo decidi tu, quindi puoi aggiornare sgcUI oggi e passare a Fluent quando ti fa comodo.

Cosa cambia con Fluent

Da vicino

La differenza sta nei dettagli. Ecco la board Kanban dello screenshot qui sopra al doppio delle dimensioni. Trascina il cursore e osserva le colonne, le schede, i chip delle etichette e il testo.

Chiaro, scuro e alto contrasto

Fluent include una variante chiara e una scura, mentre l'alto contrasto mantiene le forme Fluent con i colori dello schema ad alto contrasto di Windows. La tua applicazione può seguire l'impostazione chiara o scura di Windows in tempo reale: quando l'utente cambia l'interruttore in Windows, ogni controllo sgcUI si ridisegna senza riavvio.

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

Seguire il sistema è disattivato per impostazione predefinita. Fluent usa il colore di accento di Windows, e un colore di accento impostato dall'applicazione ha sempre la precedenza.

Una vera finestra di Windows 11

I controlli sono solo metà del quadro. Finché Fluent o il seguire il sistema è attivo, sgcUIApplyThemeToForm dona anche ai form VCL e FireMonkey una barra del titolo scura in modalità scura e gli angoli arrotondati delle finestre di Windows 11. Puoi impostare direttamente anche la cornice di qualsiasi form.

uses
  sgcUICore_Theme, sgcUICore_Theme_VCL;

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

I form FireMonkey usano sgcUIApplyWindowFrameFMX da sgcUICore_Theme_FMX.

Ogni prodotto, un solo look

Ciascuno dei 14 prodotti sgcUI prende i raggi degli angoli, gli spessori delle cornici e i colori degli stati dal preset, così il look Fluent raggiunge l'intera suite: la barra di navigazione e il ribbon, lo stepper del wizard, la griglia pivot e il suo elenco campi, lo scheduler e il diagramma di Gantt. Il visualizzatore PDF si unisce con la nuova proprietà UseUITheme, e le mappe con la nuova proprietà Theme, così pulsanti di zoom, bussola, barra della scala e popup seguono anch'essi il tema.

Usi già gli stili VCL?

Mantienili. Con il nuovo host follow, i controlli sgcUI prendono i loro colori dallo stile VCL attivo (Delphi XE2 e successivi), mentre Fluent fornisce comunque le forme. Cambia lo stile a run time e i controlli sgcUI lo seguono.

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

Rendilo tuo

Fluent e Classic sono due preset, non gli unici. Parti dalla definizione di Fluent, cambia ciò che serve al tuo brand e registrala con un nome tutto tuo. Ogni prodotto la riconosce allo stesso modo.

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;

Anche il font dell'applicazione ha la precedenza sul preset: imposta il tuo con sgcUISetDefaultFontName o sgcUISetDefaultFontFiles e Fluent mantiene tutto il resto.

Provalo di persona: la demo Theme Gallery

La nuova demo Theme Gallery, per VCL, FireMonkey e C++ Builder, affianca Classic e Fluent in chiaro, scuro e alto contrasto, nelle pagine Overview, Document, Map e Controls. Offre un'opzione host follow e un selettore di stili VCL, e può salvare uno screenshot di ogni combinazione. Tutti gli screenshot di questo articolo sono stati realizzati con essa.

Domande o feedback? Contattaci, riceverai una risposta dalle persone che hanno scritto il codice.