sgcUI sgcNavigation ist ab sofort verfügbar

sgcNavigation. Jede Seite finden. Zur Leiste einklappen.

Gib deiner Anwendung in wenigen Minuten ein modernes Navigationsmenü. Ein Control ist Seitenleiste oder Akkordeon, klappt mit sanfter Animation zu einer Symbolleiste zusammen, zeigt Badges für ungelesene Einträge und lässt sich komplett per Tastatur bedienen. Helle und dunkle Themes sind eingebaut.

Testversion herunterladen sgcNavigation entdecken

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 bis 13

2Navigationsstile in einem Control, Seitenleiste und Akkordeon
~150 msum die Leiste animiert zu einer Symbolleiste einzuklappen
220 / 56logische Pixel, standardmäßige Breite ausgeklappt und eingeklappt
5UI-Frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Alles, was ein App-Menü braucht.

Zehn Funktionen, die aus einer Liste von Seiten eine Navigationshülle machen, in der sich deine Benutzer sofort zurechtfinden, auf jedem Framework.

Zwei Stile, ein Control
Eine Seitenleiste oder ein Akkordeon mit denselben Einträgen und Ereignissen, umgeschaltet mit einer Eigenschaft.
Jedes UI-Framework
VCL, FireMonkey, WinForms, WPF und Avalonia, mit demselben Modell und denselben Namen.
Passt zur Suite
Helle und dunkle Themes und eine Akzentfarbe, die mit jedem sgcUI-Produkt geteilt wird.
Headless-Ausgabe
Rendere dieselbe Leiste ohne Fenster als PNG oder SVG, einschließlich Linux64.

Sieh es laufen.

Aufgenommen aus den sgcNavigation-Demos, die der Testversion beiliegen.

SidebarApp-Demo mit einer Seitenleiste aus 8 Einträgen in den Gruppen Workspace und Business, Dashboard ausgewählt und zwei KPI-Karten rechts

Layout und Modi

Eine moderne App-Seitenleiste in einer Komponente.

Setze ein TsgcVCLNavigationBar auf das Formular, richte es links aus und füge die Einträge hinzu; IsGroup macht aus einem Eintrag eine Gruppenüberschrift.
Die ausgewählte Zeile erhält einen in der Akzentfarbe getönten Hintergrund und einen 3 Pixel breiten Akzentbalken, damit Benutzer immer sehen, wo sie sind.
OnSelectionChange zeigt die passende Seite an, zum Beispiel ein TPageControl mit verborgenen Registerkarten, wie es die SidebarApp-Demo macht.

Mode = nbmAccordion mit AllowMultiExpand: Sales und Inventory sind geöffnet, Admin ist geschlossen

Akkordeon

Wechsle mit einer Eigenschaft zum Akkordeon.

Mode := nbmAccordion macht jede Gruppenüberschrift zu einem Abschnitt, der die darunter liegenden Einträge öffnet und schließt.
Standardmäßig ist immer nur eine Gruppe geöffnet; AllowMultiExpand hält mehrere Abschnitte gleichzeitig geöffnet.
Die Einträge, die Ereignisse und dein Code bleiben genau gleich, und beide Modi klappen zur eingeklappten Symbolleiste zusammen.

Badge an einem Eintrag setzen, um eine Anzahl ungelesener Einträge zu zeigen: Inbox 12, Tasks 3, Alerts 1

Einträge, die informieren

Badges, Symbole und deine eigenen TActions.

Badge zeichnet eine Anzahl ungelesener Einträge oder ein Wort wie New als Pille in der Akzentfarbe und in der eingeklappten Leiste als Punkt.
ImageIndex wählt Symbole aus der Bildliste, die du bereits verwendest, oder ein Glyph zeichnet einen Buchstaben ganz ohne Bildliste.
Action verbindet einen Eintrag mit einer beliebigen VCL- oder FireMonkey- TAction; in .NET übernimmt diese Aufgabe Command.

TsgcVCLNavigationBar links und rechts dieselbe Leiste, von sgcNavigationSaveToSVG geschrieben und in Edge angezeigt

Tastatur, Themes und Ausgabe

Rendere die Leiste ohne Fenster.

sgcNavigationSaveToPNG und sgcNavigationSaveToSVG zeichnen ein Modell ohne Fenster und ohne VCL oder FireMonkey.
Der Renderer lässt sich auf jeder Plattform bauen, einschließlich Linux64, sodass ein Konsolenprogramm, ein Dienst oder ein Server dieselbe Leiste zeichnet.
Ein Skalierungsparameter liefert scharfe Bilder für High-DPI-Bildschirme, und deine Bildliste liefert dieselben Symbole.

Mehr von sgcNavigation.

Themes, Symbole, Tastaturfokus und die SidebarApp-Hülle, direkt aus den Demos.

Dieselbe Leiste in den Themes utLight und utDark mit denselben Einträgen, Badges und derselben Auswahl — Eine Eigenschaft schaltet die Leiste um zwischen `utLight` und `utDark`; `AccentColor` bringt deine Markenfarbe ein.

Links: Symbole aus einer TImageList über ImageIndex. Rechts: ein Glyph-Buchstabe pro Eintrag, ohne Bildliste — `ImageIndex` wählt Symbole aus einer `TImageList` oder `Glyph` zeichnet einen Buchstaben, ganz ohne Bildliste.

Navigation zuerst per Tastatur: Dashboard ausgewählt, während das gestrichelte Fokusrechteck auf Tasks liegt — Auf, Ab, Pos1, Ende, Enter und Leertaste bewegen sich durch die Leiste; Links und Rechts falten die Akkordeon-Gruppen ein und aus.

SidebarApp im hellen Theme mit Badges an Inbox und Reports, einem deaktivierten Eintrag Billing und einer KPI-Seite von sgcDashboard — SidebarApp: Badges, ein deaktivierter Eintrag und eine sgcDashboard-KPI-Seite, umgeschaltet über die Auswahl.

Eine Navigationsleiste in wenigen Zeilen.

Eine Akkordeon-Leiste mit Gruppen, einem Badge, einem deaktivierten Eintrag und einer Schaltfläche zum Einklappen. Dieselbe API in Delphi, C++ Builder und C#.

dotnet add package esegece.sgcNavigation.WinForms

C++ Builder- und C#-Versionen

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;

Teil von sgcUI.

Kaufe sgcNavigation einzeln oder erhalte es in jeder sgcUI-Edition ab Standard, neben den Produkten, die sein Theme und seine Runtime teilen. Jede Edition enthält den Quellcode.

Einzeln

sgcNavigation

Die Navigationsleiste einzeln, mit vollständigem Quellcode und 1 Jahr Updates.

€149 / Entwickler

sgcNavigation-Preise

Enthält sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar und sgcEditors.

€380 / Entwickler

Standard ansehen

Enthält sgcNavigation

Professional

Standard plus sgcCharts, sgcDashboard und sgcGauges.

€529 / Entwickler

Professional ansehen

Enthält sgcNavigation

Enterprise

Alle 15 sgcUI-Produkte.

€699 / Entwickler

Enterprise ansehen

Für .NET ist esegece.sgcNavigation.Community auf NuGet kostenlos, mit allem außer den Action-Verknüpfungen. sgcNavigation ist außerdem in der All-Access-Bundle.

sgcUI entdecken

Arbeitet mit dem Rest von sgcUI zusammen.

Jedes sgcUI-Produkt zeichnet mit derselben Runtime, sgcUICore. So teilt die Leiste Schriften, Abstände, Akzentfarbe und Theme mit den Controls um sie herum.