sgcUI sgcNavigation 现已发布

sgcNavigation. 找到每个页面。折叠成图标栏。

几分钟内为您的应用加上现代导航菜单。一个控件既可以是侧边栏，也可以是手风琴，能以流畅的动画折叠成图标栏，用徽标显示未读数量，并完全支持键盘操作。内置浅色和深色主题。

下载试用版了解 sgcNavigation

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 至 13

2种导航样式集于一个控件：侧边栏和手风琴
~150 ms动画折叠成图标栏所需的时间
220 / 56逻辑像素，默认的展开宽度和折叠宽度
5个界面框架：VCL、FireMonkey、WinForms、WPF、Avalonia

应用菜单所需的一切。

十项功能，把一列页面变成用户一眼就能找到方向的导航外壳，适用于所有框架。

两种样式，一个控件
侧边栏或手风琴，项目和事件完全相同，只需一个属性即可切换。
所有界面框架
VCL、FireMonkey、WinForms、WPF 和 Avalonia，模型和名称相同。
与整套组件一致
浅色和深色主题，以及与每款 sgcUI 产品共享的强调色。
无界面输出
无需窗口即可将同一导航栏渲染为 PNG 或 SVG，包括 Linux64。

看它运行。

录制自试用版附带的 sgcNavigation 演示。

SidebarApp 演示：Workspace 和 Business 分组中的 8 个项目的侧边栏，选中 Dashboard，右侧是两张 KPI 卡片

布局与模式

一个组件，实现现代应用侧边栏。

将 TsgcVCLNavigationBar 放到窗体上，左对齐并添加项目； IsGroup 可将某个项目变成分组标题。
选中的行带有强调色的淡色背景和 3 像素宽的强调色条，用户始终知道自己在哪里。
OnSelectionChange 显示对应的页面，例如使用 TPageControl 隐藏标签页，SidebarApp 演示就是这样做的。

Mode = nbmAccordion 且 AllowMultiExpand：Sales 和 Inventory 已展开，Admin 已折叠

手风琴

只需一个属性即可切换为手风琴。

Mode := nbmAccordion 会把每个分组标题变成一个可展开和收起其下方项目的区段。
默认同一时间只展开一个分组； AllowMultiExpand 可让多个区段同时保持展开。
项目、事件和您的代码完全不变，两种模式都会折叠成收起的图标栏。

在项目上设置 Badge 即可显示未读数量：Inbox 12、Tasks 3、Alerts 1

传递信息的项目

徽标、图标和您自己的 TAction。

Badge 以强调色胶囊显示未读数量或 New 之类的文字，在折叠的图标栏中则显示为一个圆点。
ImageIndex 从您已在使用的图像列表中选取图标，或使用 Glyph 无需任何图像列表，直接绘制一个字母。
Action 将项目关联到任意 VCL 或 FireMonkey 的 TAction；在 .NET 中对应的是 Command。

左侧是 TsgcVCLNavigationBar，右侧是由 sgcNavigationSaveToSVG 写出并在 Edge 中显示的同一导航栏

键盘、主题和输出

无需窗口即可渲染导航栏。

sgcNavigationSaveToPNG 和 sgcNavigationSaveToSVG 无需窗口，也无需 VCL 或 FireMonkey，即可绘制模型。
渲染器可在所有平台上构建，包括 Linux64，因此控制台程序、服务或服务器都能绘制出相同的导航栏。
scale 参数可为高 DPI 屏幕生成清晰的图像，您的图像列表提供相同的图标。

sgcNavigation 的更多功能。

主题、图标、键盘焦点和 SidebarApp 外壳，直接来自演示。

同一个导航栏在 utLight 和 utDark 主题下，项目、徽标和选中状态都相同 — 只需一个属性，即可在主题 `utLight` 和 `utDark`之间切换； `AccentColor` 带来您的品牌颜色。

左侧：通过 ImageIndex 使用 TImageList 中的图标。右侧：每个项目一个 Glyph 字母，无需图像列表 — `ImageIndex` 从 `TImageList`中选取图标，或由 `Glyph` 无需图像列表，直接绘制一个字母。

键盘优先导航：选中 Dashboard，虚线焦点框位于 Tasks 上 — 上、下、Home、End、Enter 和空格键在导航栏中移动；左、右键折叠手风琴分组。

浅色主题下的 SidebarApp，带 Inbox 和 Reports 徽标、已禁用的 Billing 项目和 sgcDashboard KPI 页面 — SidebarApp：徽标、已禁用的项目和 sgcDashboard KPI 页面，随选择切换。

几行代码即可拥有导航栏。

带分组、徽标、已禁用项目和 Collapse 按钮的手风琴导航栏。Delphi、C++ Builder 和 C# 中的 API 完全相同。

dotnet add package esegece.sgcNavigation.WinForms

C++ Builder 和 C# 版本

procedure TMainForm.CreateNavigation;
begin
  // an accordion bar on the left, dark theme, several groups open at once
  FNav := TsgcVCLNavigationBar.Create(Self);
  FNav.Parent := Self;
  FNav.Align := alLeft;
  FNav.Mode := nbmAccordion;
  FNav.AllowMultiExpand := True;
  FNav.Theme := utDark;
  // a group header (third parameter True), then the items under it
  FNav.Items.AddItem('Sales', '', True);
  FNav.Items.AddItem('Orders', 'O');
  FNav.Items.AddItem('Invoices', 'I').Badge := '3';
  FNav.Items.AddItem('Admin', '', True);
  FNav.Items.AddItem('Users', 'U').Hint := 'Manage the users';
  FNav.Items.AddItem('Billing', 'B').Enabled := False;
  FNav.SelectedIndex := 1;
  FNav.OnSelectionChange := NavSelectionChange;
  FNav.AnimateCollapse := True;
end;

procedure TMainForm.ButtonClick(Sender: TObject);
begin
  // fold the bar into an icon rail, with an animation
  FNav.Collapsed := not FNav.Collapsed;
end;