sgcUI sgcNavigation jest już dostępne

sgcNavigation. Każda strona w zasięgu. Zwiń do paska.

Dodaj do aplikacji nowoczesne menu nawigacyjne w kilka minut. Jedna kontrolka działa jako panel boczny lub akordeon, zwija się do paska ikon z płynną animacją, pokazuje plakietki z liczbą nieprzeczytanych elementów i w pełni obsługuje klawiaturę. Jasny i ciemny motyw są wbudowane.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 do 13
  • 2stylów nawigacji w jednej kontrolce, panel boczny i akordeon
  • ~150 msna zwinięcie paska do paska ikon, z animacją
  • 220 / 56pikseli logicznych, domyślna szerokość rozwinięta i zwinięta
  • 5frameworków UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Wszystko, czego potrzebuje menu aplikacji.

Dziesięć funkcji, które zmieniają listę stron w powłokę nawigacyjną, w której użytkownicy od razu się odnajdują, w każdym frameworku.

  • Dwa style, jedna kontrolka

    Panel boczny lub akordeon z tymi samymi pozycjami i zdarzeniami, przełączane jedną właściwością.

  • Każdy framework UI

    VCL, FireMonkey, WinForms, WPF i Avalonia, z tym samym modelem i nazwami.

  • Pasuje do zestawu

    Jasny i ciemny motyw oraz kolor akcentu wspólny dla każdego produktu sgcUI.

  • Wyniki bez okna

    Wyrenderuj ten sam pasek do PNG lub SVG bez okna, także na Linux64.

Zobacz, jak działa.

Przechwycone z dem sgcNavigation dołączonych do wersji próbnej.

Demo SidebarApp z panelem bocznym z 8 pozycjami w grupach Workspace i Business, wybranym Dashboard i dwiema kartami KPI po prawej
Układ i tryby

Nowoczesny panel boczny aplikacji w jednym komponencie.

  • Upuść TsgcVCLNavigationBar na formularz, wyrównaj go do lewej i dodaj pozycje; IsGroup zmienia pozycję w nagłówek grupy.
  • Wybrany wiersz dostaje tło w kolorze akcentu i 3-pikselowy pasek akcentu, więc użytkownicy zawsze widzą, gdzie są.
  • OnSelectionChange pokazuje odpowiednią stronę, na przykład TPageControl z ukrytymi kartami, tak jak robi to demo SidebarApp.
Mode = nbmAccordion z AllowMultiExpand: Sales i Inventory są otwarte, Admin jest zamknięty
Akordeon

Przełącz na akordeon jedną właściwością.

  • Mode := nbmAccordion zmienia każdy nagłówek grupy w sekcję, która otwiera i zamyka pozycje poniżej.
  • Domyślnie otwarta jest tylko jedna grupa naraz; AllowMultiExpand pozwala zostawić otwartych kilka sekcji.
  • Pozycje, zdarzenia i Twój kod pozostają dokładnie takie same, a oba tryby zwijają się do paska ikon.
Ustaw Badge na pozycji, aby pokazać liczbę nieprzeczytanych: Inbox 12, Tasks 3, Alerts 1
Pozycje, które informują

Plakietki, ikony i własne TAction.

  • Badge rysuje liczbę nieprzeczytanych lub słowo, takie jak New, jako pigułkę w kolorze akcentu, a na zwiniętym pasku kropkę.
  • ImageIndex wybiera ikony z używanej już listy obrazów, a Glyph rysuje literę w ogóle bez listy obrazów.
  • Action łączy pozycję z dowolnym TAction z VCL lub FireMonkey; w .NET to samo robi Command.
TsgcVCLNavigationBar po lewej i ten sam pasek zapisany przez sgcNavigationSaveToSVG i pokazany w Edge po prawej
Klawiatura, motywy i wyniki

Renderuj pasek bez okna.

  • sgcNavigationSaveToPNG i sgcNavigationSaveToSVG rysują model bez okna i bez VCL czy FireMonkey.
  • Renderer kompiluje się na każdej platformie, także Linux64, więc program konsolowy, usługa lub serwer rysuje ten sam pasek.
  • Parametr skali daje ostre obrazy dla ekranów o wysokim DPI, a Twoja lista obrazów dostarcza te same ikony.

Pasek nawigacji w kilku linijkach.

Pasek akordeonu z grupami, plakietką, wyłączoną pozycją i przyciskiem zwijania. To samo API w Delphi, C++ Builder i C#.

dotnet add package esegece.sgcNavigation.WinForms

Wersje C++ Builder i 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;

Część sgcUI.

Kup sgcNavigation osobno albo otrzymaj go w każdej edycji sgcUI od Standard wzwyż, obok produktów, które dzielą jego motyw i środowisko uruchomieniowe. Każdy z kodem źródłowym.

Osobno

sgcNavigation

Sam pasek nawigacji, z pełnym kodem źródłowym i rocznymi aktualizacjami.

€149 / programista
Cennik sgcNavigation
Zawiera sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar i sgcEditors.

€380 / programista
Zobacz Standard
Zawiera sgcNavigation

Professional

Standard plus sgcCharts, sgcDashboard i sgcGauges.

€529 / programista
Zobacz Professional
Zawiera sgcNavigation

Enterprise

Wszystkie 15 produktów sgcUI.

€699 / programista
Zobacz Enterprise

W .NET esegece.sgcNavigation.Community na NuGet jest bezpłatny, ze wszystkim oprócz łączy Action. sgcNavigation jest też w pakiecie All-Access.

Poznaj sgcUI

Wbuduj sgcNavigation we własną aplikację już dziś.

Pobierz wersję próbną i uruchom dema SidebarApp, Accordion i SidebarFMX albo najpierw przejrzyj wszystkie funkcje.

Najnowsze wpisy na blogu

Zobacz wszystkie wpisy →

Oglądasz widok sgcNavigation eSeGeCe.

Pokaż mi inne ujęcie →
30-dniowa gwarancja zwrotu pieniędzyNie jesteś zadowolony? Poproś o pełny zwrot pieniędzy w ciągu 30 dni od zakupu. Zobacz politykę zwrotów