sgcUI sgcNavigation est disponible dès maintenant

sgcNavigation. Chaque page trouvée. Repliée en rail.

Donne à ton application un menu de navigation moderne en quelques minutes. Un seul contrôle sert de barre latérale ou d'accordéon, se replie en rail d'icônes avec une animation fluide, affiche des badges pour les compteurs de non lus et se pilote entièrement au clavier. Les thèmes clair et sombre sont intégrés.

Télécharger l'essai Découvrir sgcNavigation

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 à 13

2styles de navigation dans un seul contrôle, barre latérale et accordéon
~150 mspour replier la barre en rail d'icônes, avec animation
220 / 56pixels logiques, largeur déployée et repliée par défaut
5frameworks d'interface : VCL, FireMonkey, WinForms, WPF, Avalonia

Tout ce qu'il faut à un menu d'application.

Dix fonctionnalités qui transforment une liste de pages en une structure de navigation où tes utilisateurs se repèrent tout de suite, sur chaque framework.

Deux styles, un seul contrôle
Une barre latérale ou un accordéon avec les mêmes éléments et les mêmes événements, au choix d'une seule propriété.
Tous les frameworks d'interface
VCL, FireMonkey, WinForms, WPF et Avalonia, avec le même modèle et les mêmes noms.
En accord avec la suite
Thèmes clair et sombre et couleur d'accentuation communs à tous les produits sgcUI.
Rendu sans interface
Génère la même barre en PNG ou en SVG sans fenêtre, Linux64 compris.

Regarde-la en action.

Capturé à partir des démos sgcNavigation fournies avec l'essai.

Démo SidebarApp avec une barre latérale de 8 éléments dans les groupes Workspace et Business, Dashboard sélectionné et deux cartes KPI à droite

Disposition et modes

Une barre latérale moderne dans un seul composant.

Dépose un TsgcVCLNavigationBar sur la fiche, aligne-le à gauche et ajoute les éléments ; IsGroup transforme un élément en en-tête de groupe.
La ligne sélectionnée reçoit un fond teinté de la couleur d'accentuation et une barre d'accent de 3 pixels, pour que les utilisateurs voient toujours où ils se trouvent.
OnSelectionChange affiche la page correspondante, par exemple un TPageControl aux onglets masqués, comme le fait la démo SidebarApp.

Mode = nbmAccordion avec AllowMultiExpand : Sales et Inventory sont ouverts, Admin est fermé

Accordéon

Passe en accordéon avec une seule propriété.

Mode := nbmAccordion transforme chaque en-tête de groupe en une section qui ouvre et ferme les éléments situés en dessous.
Un seul groupe est ouvert à la fois par défaut ; AllowMultiExpand garde plusieurs sections ouvertes en même temps.
Les éléments, les événements et ton code restent exactement les mêmes, et les deux modes se replient dans le rail d'icônes.

Définis Badge sur un élément pour afficher un compteur de non lus : Inbox 12, Tasks 3, Alerts 1

Des éléments qui informent

Badges, icônes et tes propres TActions.

Badge dessine un compteur de non lus ou un mot comme New sous forme de pastille à la couleur d'accentuation, et un point dans le rail replié.
ImageIndex prend les icônes dans la liste d'images que tu utilises déjà, ou une Glyph dessine une lettre sans aucune liste d'images.
Action relie un élément à n'importe quelle action VCL ou FireMonkey : TAction; en .NET, le même travail est assuré par Command.

TsgcVCLNavigationBar à gauche et la même barre écrite par sgcNavigationSaveToSVG et affichée dans Edge à droite

Clavier, thèmes et rendu

Génère la barre sans fenêtre.

sgcNavigationSaveToPNG et sgcNavigationSaveToSVG dessinent un modèle sans fenêtre et sans VCL ni FireMonkey.
Le moteur de rendu se compile sur toutes les plateformes, Linux64 compris : un programme console, un service ou un serveur dessine donc la même barre.
Un paramètre d'échelle donne des images nettes pour les écrans à haute densité, et ta liste d'images fournit les mêmes icônes.

Encore plus avec sgcNavigation.

Thèmes, icônes, focus clavier et l'ossature SidebarApp, directement issus des démos.

La même barre dans les thèmes utLight et utDark, avec les mêmes éléments, badges et sélection — Une seule propriété fait passer la barre entre `utLight` et `utDark`; `AccentColor` apporte la couleur de ta marque.

À gauche : icônes d'une TImageList via ImageIndex. À droite : une lettre Glyph par élément, sans liste d'images — `ImageIndex` prend les icônes dans une `TImageList`, ou `Glyph` dessine une lettre, sans liste d'images.

Navigation d'abord au clavier : Dashboard est sélectionné pendant que le rectangle de focus en pointillés se trouve sur Tasks — Haut, Bas, Début, Fin, Entrée et Espace parcourent la barre ; Gauche et Droite replient les groupes de l'accordéon.

SidebarApp en thème clair avec des badges sur Inbox et Reports, un élément Billing désactivé et une page de KPI sgcDashboard — SidebarApp : badges, un élément désactivé et une page de KPI sgcDashboard, changée selon la sélection.

Une barre de navigation en quelques lignes.

Une barre en accordéon avec des groupes, un badge, un élément désactivé et un bouton Replier. La même API en Delphi, C++ Builder et C#.

dotnet add package esegece.sgcNavigation.WinForms

Versions C++ Builder et 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;

Fait partie de sgcUI.

Achète sgcNavigation seule, ou obtiens-la dans chaque édition sgcUI à partir de Standard, aux côtés des produits qui partagent son thème et son runtime. Chacune est fournie avec le code source.

Seule

sgcNavigation

La barre de navigation seule, avec le code source complet et 1 an de mises à jour.

€149 / développeur

Tarifs de sgcNavigation

Inclut sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar et sgcEditors.

€380 / développeur

Voir Standard

Inclut sgcNavigation

Professional

Standard plus sgcCharts, sgcDashboard et sgcGauges.

€529 / développeur

Voir Professional

Inclut sgcNavigation

Enterprise

Les 15 produits sgcUI.

€699 / développeur

Voir Enterprise

Pour .NET, esegece.sgcNavigation.Community sur NuGet est gratuit, avec tout sauf les liens d'Action. sgcNavigation figure aussi dans le bundle All-Access.

Découvrir sgcUI

Fonctionne avec le reste de sgcUI.

Tous les produits sgcUI dessinent avec le même runtime, sgcUICore. La barre partage donc polices, espacements, couleur d'accent et thème avec les contrôles qui l'entourent.