sgcUI sgcNavigation is nu beschikbaar

sgcNavigation. Vind elke pagina. Klap in tot een rail.

Geef je applicatie in een paar minuten een modern navigatiemenu. Eén besturingselement is een zijbalk of een accordeon, klapt met een vloeiende animatie in tot een pictogrammenrail, toont badges voor aantallen ongelezen berichten en werkt volledig met het toetsenbord. Lichte en donkere thema's zijn ingebouwd.

De proefversie downloaden Ontdek sgcNavigation

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 t/m 13

2navigatiestijlen in één besturingselement, zijbalk en accordeon
~150 msom de balk geanimeerd in te klappen tot een pictogrammenrail
220 / 56logische pixels, standaardbreedte uitgeklapt en ingeklapt
5UI-frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Alles wat een appmenu nodig heeft.

Tien functies die een lijst met pagina's veranderen in een navigatieschil waarin je gebruikers meteen hun weg vinden, op elk framework.

Twee stijlen, één besturingselement
Een zijbalk of een accordeon met dezelfde items en gebeurtenissen, omgeschakeld met één eigenschap.
Elk UI-framework
VCL, FireMonkey, WinForms, WPF en Avalonia, met hetzelfde model en dezelfde namen.
Past bij de suite
Lichte en donkere thema's en een accentkleur die je deelt met elk sgcUI-product.
Headless uitvoer
Render dezelfde balk naar PNG of SVG zonder venster, ook op Linux64.

Zie het draaien.

Opgenomen uit de sgcNavigation-demo's die bij de proefversie zitten.

SidebarApp-demo met een zijbalk van 8 items in de groepen Workspace en Business, Dashboard geselecteerd en twee KPI-kaarten rechts

Indeling en modi

Een moderne app-zijbalk in één component.

Plaats een TsgcVCLNavigationBar op het formulier, lijn hem links uit en voeg de items toe; IsGroup maakt van een item een groepskop.
De geselecteerde rij krijgt een achtergrond in de accentkleur en een accentbalk van 3 pixels, zodat gebruikers altijd zien waar ze zijn.
OnSelectionChange toont de bijbehorende pagina, bijvoorbeeld een TPageControl met verborgen tabbladen, zoals de SidebarApp-demo doet.

Mode = nbmAccordion met AllowMultiExpand: Sales en Inventory zijn open, Admin is dicht

Accordeon

Schakel met één eigenschap over naar een accordeon.

Mode := nbmAccordion maakt van elke groepskop een sectie die de items eronder opent en sluit.
Standaard is er telkens maar één groep open; AllowMultiExpand houdt meerdere secties tegelijk open.
De items, de gebeurtenissen en je code blijven precies hetzelfde, en beide modi klappen in tot de pictogrammenrail.

Zet Badge op een item om een aantal ongelezen berichten te tonen: Inbox 12, Tasks 3, Alerts 1

Items die informeren

Badges, pictogrammen en je eigen TActions.

Badge tekent een aantal ongelezen berichten of een woord zoals Nieuw als pil in de accentkleur, en als stip in de ingeklapte rail.
ImageIndex kiest pictogrammen uit de afbeeldingenlijst die je al gebruikt, of een Glyph tekent een letter zonder afbeeldingenlijst.
Action koppelt een item aan elke VCL- of FireMonkey-TAction; in .NET doet Command hetzelfde.

TsgcVCLNavigationBar links en dezelfde balk, geschreven door sgcNavigationSaveToSVG en getoond in Edge, rechts

Toetsenbord, thema's en uitvoer

Render de balk zonder venster.

sgcNavigationSaveToPNG en sgcNavigationSaveToSVG tekenen een model zonder venster en zonder VCL of FireMonkey.
De renderer bouwt op elk platform, ook Linux64, dus een consoleprogramma, een service of een server tekent dezelfde balk.
Een schaalparameter geeft scherpe afbeeldingen voor schermen met hoge DPI, en je afbeeldingenlijst levert dezelfde pictogrammen.

Meer van sgcNavigation.

Thema's, pictogrammen, toetsenbordfocus en de SidebarApp-schil, rechtstreeks uit de demo's.

Dezelfde balk in de thema's utLight en utDark met dezelfde items, badges en selectie — Eén eigenschap schakelt de balk tussen `utLight` en `utDark`; `AccentColor` brengt je huiskleur.

Links: pictogrammen uit een TImageList via ImageIndex. Rechts: een Glyph-letter per item, geen afbeeldingenlijst — `ImageIndex` kiest pictogrammen uit een `TImageList`, of `Glyph` tekent een letter zonder dat een afbeeldingenlijst nodig is.

Navigatie met het toetsenbord eerst: Dashboard geselecteerd terwijl de gestippelde focusrechthoek op Tasks staat — Omhoog, Omlaag, Home, End, Enter en Spatie bewegen door de balk; Links en Rechts klappen de accordeongroepen in en uit.

SidebarApp in het lichte thema met badges bij Inbox en Reports, een uitgeschakeld item Billing en een sgcDashboard-KPI-pagina — SidebarApp: badges, een uitgeschakeld item en een sgcDashboard-KPI-pagina, omgeschakeld vanuit de selectie.

Een navigatiebalk in een paar regels.

Een accordeonbalk met groepen, een badge, een uitgeschakeld item en een knop om in te klappen. Dezelfde API in Delphi, C++ Builder en C#.

dotnet add package esegece.sgcNavigation.WinForms

C++ Builder- en C#-versies

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;

Onderdeel van sgcUI.

Koop sgcNavigation los, of krijg het in elke sgcUI-editie vanaf Standard, naast de producten die zijn thema en runtime delen. Elk wordt geleverd met broncode.

Los verkrijgbaar

sgcNavigation

De navigatiebalk los, met volledige broncode en 1 jaar updates.

€149 / ontwikkelaar

Prijzen van sgcNavigation

Bevat sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar en sgcEditors.

€380 / ontwikkelaar

Bekijk Standard

Bevat sgcNavigation

Professional

Standard plus sgcCharts, sgcDashboard en sgcGauges.

€529 / ontwikkelaar

Bekijk Professional

Bevat sgcNavigation

Enterprise

Alle 15 sgcUI-producten.

€699 / ontwikkelaar

Bekijk Enterprise

Voor .NET is esegece.sgcNavigation.Community op NuGet gratis, met alles behalve de Action-koppelingen. sgcNavigation zit ook in de All-Access-bundel.

Ontdek sgcUI

Werkt samen met de rest van sgcUI.

Elk sgcUI-product tekent met dezelfde runtime, sgcUICore, dus de balk deelt lettertypen, witruimte, accentkleur en thema met de besturingselementen eromheen.