Delphi, C++ Builder & .NET Onderdeel van sgcUI

sgcNavigation, de zijbalk- en accordeonnavigatiebalk voor Delphi, C++ Builder & .NET

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.

VCL, FireMonkey, WinForms, WPF, AvaloniaDelphi 7 tot 13 en C++ Builder 2007 tot 13Gratis .NET Community-editieInbegrepen in sgcUI Standard
Proefversie downloaden Bekijk hoe het draait
SidebarApp-demo met een zijbalk van 8 items in de groepen Workspace en Business, Dashboard geselecteerd en twee KPI-kaarten rechts
BELANGRIJKSTE FUNCTIES

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.

Indeling en modi

Eén besturingselement dekt de twee navigatiestijlen die bedrijfsapplicaties gebruiken, en de smalle rail ertussen.

Een moderne app-zijbalk in één component

Indeling en modi

Een moderne app-zijbalk in één component

De meeste bedrijfsapplicaties hebben aan de linkerrand van het hoofdformulier hetzelfde nodig: een lijst met pagina's, gegroepeerd per gebied, waarbij de huidige pagina duidelijk is gemarkeerd. Plaats een TsgcVCLNavigationBar op het formulier, lijn hem links uit en voeg de items toe. Groepskoppen geven de rijen eronder een titel in een gedempte kleur en worden nooit geselecteerd. De geselecteerde rij krijgt een achtergrond met een accenttint en een accentbalk van 3 pixels, zodat gebruikers altijd zien waar ze zijn. Hover- en ingedrukte statussen, hints en uitgeschakelde rijen worden allemaal voor je getekend, zodat de balk bij de eerste keer uitvoeren al af oogt.

  • Mode := nbmSidebar is de standaardstijl
  • IsGroup maakt van een item een groepskop
  • ItemHeight en GroupHeight bepalen de rijhoogtes
  • Het muiswiel scrolt lange lijsten en ScrollIntoView toont elk item
  • Rechts naar links voor Arabisch en Hebreeuws: pictogrammen en bijschriften wisselen van plaats, en de inspringing, chevrons, badges en de inklapknop zijn gespiegeld
Het helponderwerp lezen
Schakel met één eigenschap over naar een accordeon

Indeling en modi

Schakel met één eigenschap over naar een accordeon

Instellingenschermen en beheerconsoles hebben vaak meer secties dan er op het scherm passen. Zet Mode op nbmAccordion en elke groepskop wordt een sectie die de items eronder opent en sluit, met een chevron rechts en ingesprongen onderliggende items. Standaard is er maar één groep tegelijk open, waardoor een lang menu kort blijft. Zet AllowMultiExpand aan wanneer gebruikers meerdere secties tegelijk open willen hebben. De items, de gebeurtenissen en je code blijven precies hetzelfde. Items vóór de eerste kop horen bij geen enkele groep en worden altijd getoond, wat goed past bij een item Home of Dashboard boven de secties.

  • Mode := nbmAccordion schakelt de hele balk om
  • Expanded opent of sluit een groep vanuit code
  • AllowMultiExpand laat meerdere groepen open
  • Indent bepaalt de inspringing van de onderliggende items
Het helponderwerp lezen

Indeling en modi

Inklappen tot een pictogrammenrail, geanimeerd

Brede zijbalken nemen ruimte in van de gegevens waarvoor je gebruikers kwamen. Zet Collapsed aan en de balk klapt in ongeveer 150 ms van zijn uitgeklapte breedte in tot een smalle pictogrammenrail. In de rail worden alleen de pictogrammen getekend, het bijschrift wordt de hint, groepskoppen worden scheidingslijnen en badges worden stippen, zodat er niets belangrijks verloren gaat. De balk bepaalt zijn eigen breedte, dus de inhoud ernaast volgt gewoon met alClient. Koppel de eigenschap Collapsed aan een hamburgerknop, een gebruikersinstelling of de breedte van het formulier, en de rail opent en sluit op dezelfde manier in zijbalk- en in accordeonmodus.

  • Collapsed schakelt tussen de twee breedtes
  • ExpandedWidth (220) en CollapsedWidth (56) in logische pixels
  • AnimateCollapse zet de animatie aan of uit
  • OnCollapsedChange meldt wanneer de rail opent of sluit
Het helponderwerp lezen

Indeling en modi

Stuur je pagina's aan met de selectie

Een navigatiebalk is pas nuttig als hij bepaalt wat de gebruiker ziet. Klik of tik op een ingeschakeld item en de balk selecteert het, activeert OnItemClick en voert daarna de OnClick van het item uit. OnSelectionChange is de enige plek om de bijbehorende pagina te tonen, bijvoorbeeld het tabblad van een TPageControl met verborgen tabbladen, precies zoals de SidebarApp-demo is opgebouwd. SelectedIndex leest en zet de huidige pagina vanuit code. Schakel een item uit dat de gebruiker nog niet kan bereiken, leg in de hint uit waarom, of verberg het voor rollen die het niet mogen zien, en de selectielogica blijft werken.

  • SelectedIndex is de pagina die de gebruiker koos
  • OnSelectionChange wisselt de pagina of het frame
  • OnItemClick op de balk en OnClick per item
  • Enabled, Hint en Visible per item
Het helponderwerp lezen

Items die informeren

Rijen bevatten meer dan een bijschrift: een pictogram, een aantal en een link naar de logica die je al hebt geschreven.

Badges voor aantallen ongelezen berichten

Items die informeren

Badges voor aantallen ongelezen berichten

Gebruikers moeten zien dat iets aandacht nodig heeft voordat ze de pagina openen. Geef een item een Badge, zoals een aantal ongelezen berichten of het woord Nieuw, en de balk tekent die als een pil in de accentkleur rechts in de rij, met zwarte of witte tekst, wat het best leest. Zet de waarde vanuit code wanneer ze verandert en de balk tekent zichzelf opnieuw. In de ingeklapte rail wordt de badge een stip op het pictogram. Omdat de badge gewone tekst is, dekt dezelfde eigenschap aantallen, korte labels en statuswoorden zonder eigen tekencode.

  • Badge is een korte tekst per item
  • Een lege Badge tekent niets
  • De pil gebruikt het thema-accent of je AccentColor
  • Combineer met Hint om het aantal toe te lichten
Het helponderwerp lezen
Pictogrammen uit je afbeeldingenlijst of een glyph

Items die informeren

Pictogrammen uit je afbeeldingenlijst of een glyph

Elke rij heeft een pictogramplek. Wijs de balk naar de afbeeldingenlijst die je al gebruikt en zet ImageIndex per item, en afbeeldingen met masker of van 32 bit worden één keer geconverteerd en gecachet tot de lijst verandert. Nog geen afbeeldingenlijst? Zet dan een Glyph, een letter of kort symbool dat de themakleuren volgt, zoals de demo's eruitzien. Een uitgeschakeld item tekent zijn afbeelding met 40 procent dekking, zodat de status in één oogopslag duidelijk is. Beide combineren mag: items met een afbeeldingsindex tonen de afbeelding en de andere vallen terug op hun glyph, zodat je pictogrammen geleidelijk kunt toevoegen.

  • Images en ImageIndex voor afbeeldingenlijsten
  • Glyph voor een letter of symbool zonder afbeeldingen
  • VCL tekent de afbeeldingen op hun eigen grootte
  • FireMonkey-afbeeldingenlijsten vanaf Delphi XE8
Het helponderwerp lezen

Items die informeren Alleen geregistreerd

Koppel items aan je TActions

Applicaties die op een TActionList zijn gebouwd, hebben hun commando's, bijschriften en enabled-regels al op één plek. Koppel een item via de eigenschap Action aan een willekeurige VCL- of FireMonkey-TAction en zijn Caption, Enabled, Visible, Hint en ImageIndex volgen de actie. Een klik voert de actie uit met de balk als ActionComponent, en OnUpdate draait bij inactiviteit, zodat een item grijs wordt zodra zijn actie is uitgeschakeld. In .NET doen Command en CommandParameter hetzelfde werk. Eén TActionList kan het menu, de werkbalk en de sneltoetsen van het formulier aansturen.

  • Action koppelt een item aan een willekeurige TBasicAction
  • De OnClick van een item wordt uitgevoerd in plaats van de actie
  • Gecompileerd onder SGC_NAVIGATION_ACTIONS
  • .NET: Command en CommandParameter met ICommand

Community: wijs de OnClick van het item of de OnItemClick van de balk toe in plaats van een actie.

Het helponderwerp lezen

Toetsenbord, thema's en uitvoer

De details waardoor de balk native aanvoelt en consistent blijft met de rest van je applicatie.

Navigeren met het toetsenbord eerst

Toetsenbord, thema's en uitvoer

Power users wisselen van pagina zonder muis, en toegankelijkheidsreviews verwachten dat. De balk krijgt de focus met Tab en verplaatst een rij met focus over de zichtbare, ingeschakelde items: Omhoog en Omlaag stappen, Home en End springen, Enter of Spatie activeert. In het accordeon klapt Links een groep in en Rechts klapt hem uit. De gestippelde focusrechthoek verschijnt alleen als het toetsenbord in gebruik is, en de focus blijft los van de geselecteerde pagina. Dezelfde toetsen werken in de FireMonkey-balk via CanFocus, zodat desktopgebruikers op elk platform hetzelfde gedrag krijgen.

  • TabStop staat standaard aan voor de VCL-balk
  • FocusedIndex van het model is de toetsenbordrij
  • SelectedIndex blijft de gekozen pagina
  • Hints tonen het bijschrift in de ingeklapte rail
Het helponderwerp lezen
Licht, donker en je eigen accentkleur

Toetsenbord, thema's en uitvoer

Licht, donker en je eigen accentkleur

Een menu dat het thema van de applicatie negeert, ziet er opgeplakt uit. Theme bepaalt de kleuren van oppervlak, rand, tekst, groepskop, hover en accent uit de gedeelde sgcUICore-tokens, zodat een balk en een sgcDashboard met hetzelfde Theme precies overeenkomen. AccentColor vervangt het accent door je merkkleur voor de selectiebalk, de focusrechthoek en de badges. Een balk in een dashboardtegel volgt zelf het thema van het dashboard. Wissel het thema tijdens runtime en de balk tekent meteen opnieuw, klaar voor een donkere-modusschakelaar op je instellingenpagina.

  • Theme: utDefault (standaard, volgt het applicatiethema), utLight of utDark
  • AccentColor als $AARRGGBB-waarde, 0 behoudt het themaaccent
  • Dezelfde tokens als elk sgcUI-product
  • Dashboardtegels geven hun thema door aan de balk
Het helponderwerp lezen
Render de balk zonder venster

Toetsenbord, thema's en uitvoer

Render de balk zonder venster

Documentatie, visuele tests en web-backends hebben soms een afbeelding van het menu nodig, niet het menu zelf. De renderer in sgcNavigation_Render tekent een TsgcNavigationModel zonder venster en zonder VCL of FireMonkey, zodat een consoleprogramma, een service of een server dezelfde balk als PNG of SVG maakt. De unit bouwt op elk platform, Linux64 inbegrepen, en een schaalparameter geeft scherpe afbeeldingen voor high-DPI-schermen. Geef je afbeeldingenlijst door aan de renderer en de geëxporteerde afbeelding toont dezelfde pictogrammen als de draaiende applicatie.

  • sgcNavigationSaveToPNG schrijft een PNG-bestand of -stream
  • sgcNavigationSaveToSVG schrijft dezelfde balk als SVG
  • sgcNavigationRender tekent op elk sgcUICore-canvas
  • Breedte en hoogte in logische pixels, maal de schaal
Het helponderwerp lezen
IN ACTIE

Zie sgcNavigation in actie

sgcNavigation in de sgcUI suite-demo's: complete applicaties die offline draaien met ingebouwde gesimuleerde gegevens.

De ERP-zijbalk groepeert tien modules onder zes koppen.

De ERP-zijbalk groepeert tien modules onder zes koppen.

Altamira ERP →
De shell van de handelsdesk: een ingeklapte pictogrambalk naast de desk.

De shell van de handelsdesk: een ingeklapte pictogrambalk naast de desk.

Altamira Markets →
De shell van de controlekamer in het lichte thema.

De shell van de controlekamer in het lichte thema.

Altamira Plant →
De PMO-zijbalk, met live badges voor risico's en overboekte mensen.

De PMO-zijbalk, met live badges voor risico's en overboekte mensen.

Altamira PMO →
Bekijk alle suite-demo's
TOEPASSINGEN

Wie bouwt er met sgcNavigation

Een moderne schil voor ERP- en beheerapps

Je hebt tientallen bestaande formulieren en een hoofdvenster dat ze nog vanuit een menubalk opent. Zet links een zijbalk neer, één item per gebied, en laat OnSelectionChange de tabbladen van een TPageControl met verborgen tabbladen wisselen. Badges tonen openstaande bestellingen of ongelezen berichten, en de pictogrammenrail geeft de formulieren hun ruimte terug. Voer SidebarApp uit om het patroon met een sgcDashboard-pagina aan het werk te zien.

  • Zijbalkmodus
  • Badges
  • Inklappen tot een pictogrammenrail
Start de SidebarApp-demo

Instellingen- en beheerconsoles

Configuratieschermen groeperen tientallen pagina's onder een paar koppen zoals Sales, Inventory en Admin. Het accordeon houdt één sectie tegelijk open, of meerdere met AllowMultiExpand, en de actielinks hergebruiken de commando's en enabled-regels van je TActionList. Toetsenbordgebruikers bewegen met de pijltoetsen door de secties. De Accordion-demo toont drie groepen, een uitklapschakelaar en een klikgeschiedenis.

  • Accordeonmodus
  • Actielinks
  • Toetsenbordnavigatie
Start de Accordion-demo

Dezelfde navigatie op elk platform

Een FireMonkey-applicatie die op Windows, macOS, iOS en Android draait, zou op elk platform geen ander menu nodig moeten hebben. TsgcFMXNavigationBar heeft dezelfde items, modi en gebeurtenissen als de VCL-balk, en de .NET-balken voor WinForms, WPF en Avalonia volgen dezelfde namen. Teams die een Delphi-desktopapp en een .NET-tool opleveren, houden één mentaal model. SidebarFMX is de FireMonkey-versie van de zijbalkdemo.

  • FireMonkey-balk
  • Thema's
  • .NET-balken
Start de SidebarFMX-demo
SNEL STARTEN

Een navigatiebalk in een paar regels

Dezelfde API in Delphi, C++ Builder en C#: een accordeonbalk met groepen, een badge, een uitgeschakeld item en een knop Inklappen.

procedure TMainForm.CreateNavigation;
var
  oItem: TsgcNavigationItem;
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);
  oItem := FNav.Items.AddItem('Users', 'U');
  oItem.Hint := 'Manage the users';
  oItem := FNav.Items.AddItem('Billing', 'B');
  oItem.Enabled := False;
  FNav.SelectedIndex := 1;
  FNav.OnItemClick := NavItemClick;
  FNav.OnSelectionChange := NavSelectionChange;
  // a Collapse button folds the bar into an icon rail with an animation
  FNav.AnimateCollapse := True;
  FButton.Caption := 'Collapse';
  FButton.OnClick := ButtonClick;
end;

procedure TMainForm.NavItemClick(Sender: TObject; aItem: TsgcNavigationItem);
begin
  Caption := 'Clicked: ' + aItem.Caption;
end;

procedure TMainForm.NavSelectionChange(Sender: TObject);
begin
  FPanel.Caption := FNav.Items[FNav.SelectedIndex].Caption + ' page';
end;

procedure TMainForm.ButtonClick(Sender: TObject);
begin
  FNav.Collapsed := not FNav.Collapsed;
end;
#include <vcl.h>
#include <Vcl.ExtCtrls.hpp>
#include "sgcUICore_Theme.hpp"
#include "sgcNavigation_Model.hpp"
#include "sgcNavigation_VCL.hpp"

class TNavHandler : public TObject
{
public:
  TsgcVCLNavigationBar *Nav;
  TPanel *Content;
  void __fastcall ItemClick(TObject *Sender, TsgcNavigationItem *aItem);
  void __fastcall SelectionChange(TObject *Sender);
  void __fastcall CollapseClick(TObject *Sender);
};

void __fastcall TNavHandler::ItemClick(TObject *Sender, TsgcNavigationItem *aItem)
{
  Content->Caption = "Clicked: " + aItem->Caption;
}

void __fastcall TNavHandler::SelectionChange(TObject *Sender)
{
  Content->Caption = Nav->Items->Items[Nav->SelectedIndex]->Caption + " page";
}

void __fastcall TNavHandler::CollapseClick(TObject *Sender)
{
  Nav->Collapsed = !Nav->Collapsed;   // animated fold into an icon rail
}

void __fastcall CreateNavigation(TForm *Form, TNavHandler *Handler)
{
  // an accordion bar on the left, dark theme, several groups open at once
  TsgcVCLNavigationBar *Nav = new TsgcVCLNavigationBar(Form);
  Nav->Parent = Form;
  Nav->Align = alLeft;
  Nav->Mode = nbmAccordion;
  Nav->AllowMultiExpand = true;
  Nav->AnimateCollapse = true;
  Nav->Theme = utDark;
  // a group header (third parameter true), then the items under it
  Nav->Items->AddItem("Sales", "", true);
  Nav->Items->AddItem("Orders", "O", false);
  Nav->Items->AddItem("Invoices", "I", false)->Badge = "3";
  Nav->Items->AddItem("Admin", "", true);
  Nav->Items->AddItem("Users", "U", false)->Hint = "Manage the users";
  Nav->Items->AddItem("Billing", "B", false)->Enabled = false;
  Nav->SelectedIndex = 1;
  TPanel *Content = new TPanel(Form);
  Content->Parent = Form;
  Content->Align = alClient;
  Handler->Nav = Nav;
  Handler->Content = Content;
  Nav->OnItemClick = Handler->ItemClick;
  Nav->OnSelectionChange = Handler->SelectionChange;
  TButton *Button = new TButton(Form);
  Button->Parent = Content;
  Button->Caption = "Collapse";
  Button->OnClick = Handler->CollapseClick;
}
using System;
using System.Windows.Forms;
using esegece.sgcUICore;
using esegece.sgcNavigation;

internal class MainForm : Form
{
    private readonly TsgcWinFormsNavigationBar Nav = new TsgcWinFormsNavigationBar();
    private readonly Label lblPage = new Label { Dock = DockStyle.Fill };
    private readonly Button btnCollapse = new Button { Text = "Collapse", Dock = DockStyle.Top };

    public MainForm()
    {
        // an accordion bar on the left, dark theme, several groups open at once
        Nav.Dock = DockStyle.Left;
        Nav.Mode = TsgcNavigationMode.nbmAccordion;
        Nav.AllowMultiExpand = true;
        Nav.AnimateCollapse = true;
        Nav.Theme = TsgcUITheme.utDark;
        // a group header (third parameter true), then the items under it
        Nav.Items.AddItem("Sales", "", true);
        Nav.Items.AddItem("Orders", "O");
        Nav.Items.AddItem("Invoices", "I").Badge = "3";
        Nav.Items.AddItem("Admin", "", true);
        Nav.Items.AddItem("Users", "U").Hint = "Manage the users";
        Nav.Items.AddItem("Billing", "B").Enabled = false;
        Nav.SelectedIndex = 1;
        Nav.OnItemClick = (sender, item) => Text = "Clicked: " + item.Caption;
        Nav.OnSelectionChange = sender => lblPage.Text = Nav.Items[Nav.SelectedIndex].Caption + " page";
        // the Collapse button folds the bar into an icon rail with an animation
        btnCollapse.Click += (s, e) => Nav.Collapsed = !Nav.Collapsed;
        Controls.Add(lblPage);
        Controls.Add(btnCollapse);
        Controls.Add(Nav);
    }
}
dotnet add package esegece.sgcNavigation.WinForms
Proefversie downloaden
DEMO'S

Probeer de sgcNavigation-demo's uit

De demo's SidebarApp en Accordion worden meegeleverd voor VCL en C++ Builder, plus een FireMonkey-versie voor Delphi, en in de .NET-editie als WinForms-, WPF- en Avalonia-projecten.

SidebarApp

SidebarApp

Een zijbalk die een paginabesturingselement met verborgen tabbladen aanstuurt, met pictogrammen, een badge, een uitgeschakeld item, een knop Inklappen, een themakeuzelijst en een sgcDashboard-KPI-pagina. Bewijst het applicatieschilpatroon van begin tot eind.

Accordion

Alleen geregistreerd Accordion

Drie groepen, Sales, Inventory en Admin, een AllowMultiExpand-schakelaar, actielinks en een klikgeschiedenis. Hij gebruikt actielinks, dus je hebt de editie Registered of de proefversie nodig.

SidebarFMX

De zijbalkdemo gebouwd met TsgcFMXNavigationBar voor FireMonkey, alleen voor Delphi. Dezelfde items, modi en gebeurtenissen als de VCL-versie, klaar voor Windows, macOS en mobiele doelen.

Gecompileerde demo's

Direct uitvoerbare programma's van elk sgcUI-product, zonder installatie.

sgcUI_bin.zip downloaden →
EDITIES

Waar sgcNavigation in zit

sgcNavigation zit in elke sgcUI-editie, te beginnen met Standard, en wordt ook los verkocht. sgcNavigation zit ook in de All-Access-bundel.

sgcNavigation los pakket

€149 / ontwikkelaar, volledige broncode, 1 jaar updates.

sgcNavigation kopen → Prijzen bekijken →

sgcUI Standard

sgcNavigation, sgcGrid, sgcToolbar en sgcEditors, vanaf €380.

Standard bekijken →

sgcUI Professional

Standard plus sgcCharts, sgcDashboard en sgcGauges, vanaf €529.

Professional bekijken →

sgcUI Enterprise

Alle 14 sgcUI-producten, vanaf €699.

Enterprise bekijken →

De gratis Community-editie (esegece.sgcNavigation.Community op NuGet) heeft alles behalve de actielinks van de items.

FunctieCommunity (gratis)Geregistreerd
Zijbalk- en accordeonmodus✓✓
Inklappen tot een geanimeerde pictogrammenrail✓✓
Pictogrammen, glyphs en badges✓✓
Toetsenbordnavigatie✓✓
Lichte en donkere thema's, accentkleur✓✓
Headless PNG- en SVG-uitvoer✓✓
Actielinks (Delphi) en Command (.NET)−✓
PLATFORMEN

Ondersteunde frameworks en platformen

Componenten in sgcNavigation

ComponentDoel
TsgcVCLNavigationBarDelphi en C++ Builder, VCL (sgcNavigation_VCL)
TsgcFMXNavigationBarDelphi en C++ Builder, FireMonkey (sgcNavigation_FMX)
TsgcNavigationItem, TsgcNavigationItems, TsgcNavigationModelFrameworkneutraal model (sgcNavigation_Model)
TsgcWinFormsNavigationBar.NET, WinForms
TsgcWpfNavigationBar.NET, WPF
TsgcAvaloniaNavigationBar.NET, Avalonia
DoelComponentPlatformen
Delphi 7 tot 13, VCLTsgcVCLNavigationBarWin32 en Win64
Delphi XE6 tot 13, FireMonkeyTsgcFMXNavigationBarWindows, macOS, iOS, Android en Linux (FMXLinux)
C++ Builder 2007 tot 13TsgcVCLNavigationBar, TsgcFMXNavigationBarGegenereerde .hpp-headers en statische bibliotheken
Delphi 10.2 tot 13, frameworkneutraalModel en headless PNG- en SVG-rendererLinux64, bijvoorbeeld om een balk op een server te renderen
.NET Framework 4.7.2, .NET 8, 9 en 10TsgcWinFormsNavigationBar, WPF- en Avalonia-balkenWinForms, WPF en Avalonia
VEELGESTELDE VRAGEN

Veelgestelde vragen

Allebei. De eigenschap Mode schakelt op hetzelfde besturingselement tussen nbmSidebar en nbmAccordion, met dezelfde items en gebeurtenissen, zodat je laat in het project van gedachten kunt veranderen of beide stijlen als gebruikersvoorkeur kunt aanbieden. Elke modus klapt ook in tot de ingeklapte pictogrammenrail.

Ja. Handel OnSelectionChange af en toon de pagina die bij SelectedIndex hoort, bijvoorbeeld het tabblad van een TPageControl met verborgen tabbladen, of maak op aanvraag een frame. De SidebarApp-demo is precies zo gebouwd en bevat een sgcDashboard-KPI-pagina.

Ja. TsgcFMXNavigationBar richt zich vanaf Delphi XE6 op Windows, macOS, iOS, Android en Linux (FMXLinux), met dezelfde items, modi en gebeurtenissen als de VCL-balk. FireMonkey-afbeeldingenlijsten vereisen Delphi XE8 of nieuwer; oudere versies gebruiken de Glyph van elk item.

Alleen de actielinks van de items, die in .NET de eigenschappen Command en CommandParameter zijn. Gebruik in plaats daarvan de OnClick van het item of de OnItemClick van de balk. Alle andere functies, waaronder de pictogrammenrail, badges, thema's en headless uitvoer, zitten in Community. Zie Edities.

Nee. De .NET-port heeft geen designer-verbs of collectie-editor, dus items worden niet geserialiseerd en je voegt ze in code toe, meestal in de constructor van het formulier of venster. In Delphi en C++ Builder bewerk je de collectie Items tijdens ontwerptijd met de standaard collectie-editor.

Ja. Alle afmetingen zijn logische pixels vermenigvuldigd met de schaal van de monitor, dus rijen, pictogrammen en badges zijn bij elke DPI scherp. In WinForms schalen breedtes en hoogtes met DPI / 96 zoals in VCL, en in WPF en Avalonia zijn het apparaatonafhankelijke eenheden.

Ja. sgcNavigationSaveToPNG en sgcNavigationSaveToSVG renderen een balk vanuit zijn model zonder venster en zonder VCL of FireMonkey, ook op Linux64 vanaf Delphi 10.2. Gebruik het voor documentatie, visuele regressietests of een webpagina die het menu van je applicatie toont.

DOCUMENTATIE

sgcNavigation help

Delphi

Introductie, Quick Start VCL, Quick Start FireMonkey, TsgcVCLNavigationBar, Zijbalkmodus, Accordeonmodus, Inklappen, Badges, Thema's, Edities, Platformen.

C++ Builder

Introductie, Quick Start C++ Builder, TsgcVCLNavigationBar, Inklappen, Demo's.

.NET

.NET-overzicht, Quick Start WinForms, Quick Start WPF, Quick Start Avalonia, Verschillen met Delphi.

PDF-handleidingen

Delphi, C++ Builder en .NET, voor elk sgcUI-product.

3,000+Ontwikkelaars
20+Jaar
761+Componenten
30+API-integraties
5Platformen
Niet-goed-geld-terug-garantie van 30 dagenNiet tevreden? Vraag binnen 30 dagen na aankoop een volledige terugbetaling aan. Bekijk het terugbetalingsbeleid

Probeer sgcNavigation vandaag nog

De sgcUI-proefversie bevat sgcNavigation en elk ander sgcUI-product.

Proefversie downloaden sgcNavigation kopen