sgcUI sgcNavigation è disponibile ora

sgcNavigation. Trova ogni pagina. Si riduce a una barra.

Dai alla tua applicazione un moderno menu di navigazione in pochi minuti. Un solo controllo è una sidebar o un accordion, si riduce a una barra di icone con un'animazione fluida, mostra badge per i conteggi di non letti e funziona interamente da tastiera. I temi chiaro e scuro sono già inclusi.

Scarica il trial Scopri sgcNavigation

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi da 7 a 13

2stili di navigazione in un solo controllo, sidebar e accordion
~150 msper ridurre la barra a una barra di icone, con animazione
220 / 56pixel logici, larghezza predefinita da espansa e da compressa
5framework UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Tutto ciò che serve al menu di un'app.

Dieci funzionalità che trasformano un elenco di pagine in una struttura di navigazione in cui gli utenti si orientano subito, su ogni framework.

Due stili, un solo controllo
Una sidebar o un accordion con gli stessi elementi ed eventi, commutati da una sola proprietà.
Ogni framework UI
VCL, FireMonkey, WinForms, WPF e Avalonia, con lo stesso modello e gli stessi nomi.
In sintonia con la suite
Temi chiaro e scuro e un colore di accento condivisi con ogni prodotto sgcUI.
Output headless
Genera la stessa barra in PNG o SVG senza finestra, Linux64 incluso.

Guardalo in azione.

Catturato dalle demo di sgcNavigation incluse nel trial.

Demo SidebarApp con una sidebar di 8 elementi nei gruppi Workspace e Business, Dashboard selezionato e due schede KPI a destra

Layout e modalità

Inserisci un TsgcVCLNavigationBar nel form, allinealo a sinistra e aggiungi gli elementi; IsGroup trasforma un elemento in un'intestazione di gruppo.
La riga selezionata ottiene uno sfondo con tinta di accento e una barra di accento da 3 pixel, così gli utenti sanno sempre dove si trovano.
OnSelectionChange mostra la pagina corrispondente, ad esempio un TPageControl con schede nascoste, come fa la demo SidebarApp.

Accordion

Passa a un accordion con una sola proprietà.

Mode := nbmAccordion trasforma ogni intestazione di gruppo in una sezione che apre e chiude gli elementi sottostanti.
Per impostazione predefinita è aperto un solo gruppo alla volta; AllowMultiExpand mantiene aperte più sezioni insieme.
Gli elementi, gli eventi e il tuo codice restano identici, ed entrambe le modalità si riducono alla barra di icone compressa.

Imposta Badge su un elemento per mostrare un conteggio di non letti: Inbox 12, Tasks 3, Alerts 1

Elementi che informano

Badge, icone e le tue TAction.

Badge disegna un conteggio di non letti o una parola come New in una pillola del colore di accento, e un punto nella barra compressa.
ImageIndex sceglie le icone dalla lista di immagini che usi già, oppure un Glyph disegna una lettera senza alcuna lista di immagini.
Action collega un elemento a qualsiasi TAction VCL o FireMonkey; in .NET lo stesso compito è svolto da Command.

TsgcVCLNavigationBar a sinistra e la stessa barra scritta da sgcNavigationSaveToSVG e mostrata in Edge a destra

Tastiera, temi e output

Genera la barra senza finestra.

sgcNavigationSaveToPNG e sgcNavigationSaveToSVG disegnano un modello senza finestra e senza VCL o FireMonkey.
Il renderer si compila su ogni piattaforma, Linux64 incluso, quindi un programma console, un servizio o un server disegnano la stessa barra.
Un parametro di scala produce immagini nitide per schermi ad alto DPI, e la tua lista di immagini fornisce le stesse icone.

Altro da sgcNavigation.

Temi, icone, focus da tastiera e la struttura SidebarApp, direttamente dalle demo.

La stessa barra nei temi utLight e utDark con gli stessi elementi, badge e selezione — Una proprietà commuta la barra tra `utLight` e `utDark`; `AccentColor` porta il colore del tuo marchio.

A sinistra: icone da un TImageList tramite ImageIndex. A destra: una lettera Glyph per elemento, senza lista di immagini — `ImageIndex` sceglie le icone da un `TImageList`, oppure `Glyph` disegna una lettera senza bisogno di una lista di immagini.

Navigazione da tastiera: Dashboard selezionato mentre il rettangolo di focus tratteggiato si trova su Tasks — Su, Giù, Home, Fine, Invio e Spazio scorrono la barra; Sinistra e Destra comprimono ed espandono i gruppi dell'accordion.

SidebarApp nel tema chiaro con i badge di Inbox e Reports, un elemento Billing disabilitato e una pagina KPI di sgcDashboard — SidebarApp: badge, un elemento disabilitato e una pagina KPI di sgcDashboard, commutata dalla selezione.

Una barra di navigazione in poche righe.

Una barra accordion con gruppi, un badge, un elemento disabilitato e un pulsante Collapse. La stessa API in Delphi, C++ Builder e C#.

dotnet add package esegece.sgcNavigation.WinForms

Versioni C++ Builder e 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;

Parte di sgcUI.

Acquista sgcNavigation da solo, oppure ottienilo in ogni edizione di sgcUI da Standard in su, insieme ai prodotti che ne condividono tema e runtime. Ognuno include il codice sorgente.

Da solo

sgcNavigation

La barra di navigazione da sola, codice sorgente completo e 1 anno di aggiornamenti.

€149 / sviluppatore

Prezzi di sgcNavigation

Include sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / sviluppatore

Vedi Standard

Include sgcNavigation

Professional

Standard più sgcCharts, sgcDashboard e sgcGauges.

€529 / sviluppatore

Vedi Professional

Include sgcNavigation

Enterprise

Tutti i 15 prodotti sgcUI.

€699 / sviluppatore

Vedi Enterprise

Per .NET, esegece.sgcNavigation.Community su NuGet è gratuito, con tutto tranne i collegamenti Action. sgcNavigation è incluso anche nel Bundle All-Access.

Scopri sgcUI

Funziona con il resto di sgcUI.

Ogni prodotto sgcUI disegna con lo stesso runtime, sgcUICore, quindi la barra condivide font, spaziatura, colore di accento e tema con i controlli che la circondano.