sgcUI Fluent: 모든 컨트롤에 Windows 11 룩을 단 한 줄로

사용자는 하루 종일 Windows 11에서 생활합니다. 둥근 모서리, 은은한 테두리, 겹겹의 표면, 강조 색상은 이제 현대적인 데스크톱 애플리케이션의 모습이 되었습니다. sgcUI 2026.11부터 Delphi와 C++ Builder 애플리케이션도 폼 하나 건드리지 않고 정확히 그런 모습을 가질 수 있습니다.

새로운 Fluent 테마 프리셋은 모든 sgcUI 제품의 스타일을 한 번에 바꿉니다. 단순한 색상 교체가 아니라 진정한 디자인 시스템입니다. 이제 테마는 각 요소의 모서리 반경, 선 두께, 그리고 마우스 오버, 눌림, 선택, 비활성 상태의 색상까지 정의하며, 모든 제품이 활성 프리셋에서 이 값을 읽어옵니다.

60초로 보는 Fluent

Classic에서 Fluent로, 라이트에서 다크로, 전체 스위트를 1분 만에. YouTube에서도 보기.

한 줄로 전체 스위트를 전환

시작할 때 메인 폼이 표시되기 전에 한 번 호출하면 애플리케이션의 모든 sgcUI 컨트롤이 Fluent 룩으로 그려집니다. 실행 중에 다시 호출하면 보이는 모든 컨트롤이 즉시 다시 그려집니다.

uses
  sgcUICore_Theme;

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

Classic이 기본값으로 유지됩니다. 직접 선택하기 전까지 기존 애플리케이션에는 아무 변화도 없으므로, 지금 sgcUI를 업그레이드하고 원하는 때에 Fluent로 전환하면 됩니다.

Fluent가 바꾸는 것

자세히 보기

차이는 디테일에 있습니다. 위 스크린샷의 칸반 보드를 두 배 크기로 보여 드립니다. 핸들을 드래그하면서 열, 카드, 태그 칩, 텍스트를 살펴보세요.

라이트, 다크, 고대비

Fluent는 라이트와 다크 변형을 제공하며, 고대비 모드는 Fluent의 형태를 유지하면서 Windows 고대비 구성표의 색상을 사용합니다. 애플리케이션은 Windows의 라이트 또는 다크 설정을 실시간으로 따를 수 있습니다. 사용자가 Windows에서 설정을 전환하면 재시작 없이 모든 sgcUI 컨트롤이 다시 그려집니다.

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

시스템 따르기는 기본적으로 꺼져 있습니다. Fluent는 Windows 강조 색상을 사용하며, 애플리케이션에서 지정한 강조 색상이 항상 우선합니다.

진짜 Windows 11 창

컨트롤은 전체 그림의 절반일 뿐입니다. Fluent 또는 시스템 따르기가 활성화되어 있는 동안 sgcUIApplyThemeToForm은 VCL과 FireMonkey 폼에도 다크 모드의 어두운 제목 표시줄과 Windows 11의 둥근 창 모서리를 적용합니다. 어떤 폼의 프레임이든 직접 설정할 수도 있습니다.

uses
  sgcUICore_Theme, sgcUICore_Theme_VCL;

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

FireMonkey 폼은 sgcUICore_Theme_FMX의 sgcUIApplyWindowFrameFMX를 사용합니다.

모든 제품, 하나의 룩

14개 sgcUI 제품 각각이 프리셋에서 모서리 반경, 프레임 두께, 상태 색상을 가져오므로 Fluent 룩이 전체 스위트에 적용됩니다. 내비게이션 바와 리본, 마법사 스테퍼, 피벗 그리드와 필드 목록, 스케줄러, 간트 차트가 모두 해당됩니다. PDF 뷰어는 새로운 UseUITheme 속성으로, 지도는 새로운 Theme 속성으로 참여하므로 확대/축소 버튼, 나침반, 축척 막대, 팝업도 테마를 따릅니다.

이미 VCL 스타일을 사용 중이신가요?

그대로 사용하세요. 새로운 호스트 따르기를 사용하면 sgcUI 컨트롤이 활성 VCL 스타일(Delphi XE2 이상)에서 색상을 가져오고, 형태는 Fluent가 계속 제공합니다. 실행 중에 스타일을 바꾸면 sgcUI 컨트롤도 따라갑니다.

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

나만의 테마 만들기

Fluent와 Classic은 두 개의 프리셋일 뿐, 유일한 선택지가 아닙니다. Fluent 정의에서 시작해 브랜드에 필요한 부분을 바꾸고 원하는 이름으로 등록하세요. 모든 제품이 동일한 방식으로 이를 적용합니다.

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;

애플리케이션 글꼴도 프리셋보다 우선합니다. sgcUISetDefaultFontName 또는 sgcUISetDefaultFontFiles로 원하는 글꼴을 지정하면 Fluent는 나머지 모든 것을 그대로 유지합니다.

직접 확인해 보세요: Theme Gallery 데모

VCL, FireMonkey, C++ Builder용 새로운 Theme Gallery 데모는 Overview, Document, Map, Controls 페이지에서 Classic과 Fluent를 라이트, 다크, 고대비 모드로 나란히 보여 줍니다. 호스트 따르기 옵션과 VCL 스타일 선택기가 있으며, 모든 조합의 스크린샷을 저장할 수 있습니다. 이 글의 모든 스크린샷은 이 데모로 촬영했습니다.

질문이나 의견이 있으신가요? 문의하세요. 코드를 직접 작성한 사람들이 답변해 드립니다.