Delphi, C++ Builder & .NET sgcUI'nin parçası

sgcNavigation, Delphi, C++ Builder & .NET için Kenar Çubuğu ve Akordeon Gezinti Çubuğu

Uygulamanıza dakikalar içinde modern bir gezinti menüsü kazandırın. Tek bir denetim hem kenar çubuğu hem akordeon olur, akıcı bir animasyonla simge rayına daralır, okunmamış sayılar için rozet gösterir ve tamamen klavyeyle kullanılabilir. Açık ve koyu temalar hazır gelir.

VCL, FireMonkey, WinForms, WPF, AvaloniaDelphi 7'den 13'e ve C++ Builder 2007'den 13'eÜcretsiz .NET Community sürümüsgcUI Standard içinde yer alır
Denemeyi İndirin Çalışırken izleyin
Çalışma Alanı ve İş gruplarında 8 öğeli bir kenar çubuğu, seçili Dashboard ve sağda iki KPI kartı içeren SidebarApp demosu
ÖNE ÇIKAN ÖZELLİKLER

Bir Uygulama Menüsünün İhtiyaç Duyduğu Her Şey

Sayfa listesini, kullanıcılarınızın hemen yolunu bulduğu bir gezinti kabuğuna dönüştüren on özellik.

Yerleşim ve modlar

Tek bir denetim, iş uygulamalarının kullandığı iki gezinti stilini ve aralarındaki dar rayı kapsar.

Tek bileşende modern bir uygulama kenar çubuğu

Yerleşim ve modlar

Tek bileşende modern bir uygulama kenar çubuğu

Çoğu iş uygulaması ana formun sol kenarında aynı şeyi ister: alanlara göre gruplanmış, geçerli sayfası açıkça işaretlenmiş bir sayfa listesi. Forma bir TsgcVCLNavigationBar bırakın, sola hizalayın ve öğeleri ekleyin. Grup başlıkları altlarındaki satırları soluk bir renkle adlandırır ve asla seçilmez. Seçili satır vurgu tonlu bir arka plan ve 3 piksellik bir vurgu çubuğu alır, böylece kullanıcılar nerede olduklarını her zaman görür. Üzerine gelme ve basılı durumları, ipuçları ve devre dışı satırlar sizin yerinize çizilir, bu yüzden çubuk ilk çalıştırmada tamamlanmış görünür.

  • Mode := nbmSidebar varsayılan stildir
  • IsGroup bir öğeyi grup başlığına dönüştürür
  • ItemHeight ve GroupHeight satır yüksekliklerini belirler
  • Fare tekerleği uzun listeleri kaydırır, ScrollIntoView herhangi bir öğeyi görünür kılar
  • Arapça ve İbranice için sağdan sola: simgeler ve başlıklar yer değiştirir, girinti, ok işaretleri, rozetler ve daralt düğmesi yansıtılır
Yardım konusunu okuyun
Tek özellikle akordeona geçin

Yerleşim ve modlar

Tek özellikle akordeona geçin

Ayar ekranları ve yönetim konsolları genellikle ekrana sığandan fazla bölüme sahiptir. Mode değerini nbmAccordion yapın; her grup başlığı, altındaki öğeleri açıp kapatan bir bölüme dönüşür, sağda bir ok ve girintili alt öğelerle. Varsayılan olarak aynı anda yalnızca bir grup açıktır, bu da uzun bir menüyü kısa tutar. Kullanıcıların aynı anda birkaç bölümü açık tutması gerekiyorsa AllowMultiExpand'i ayarlayın. Öğeler, olaylar ve kodunuz aynen kalır. İlk başlıktan önce yerleştirilen öğeler hiçbir gruba ait değildir ve her zaman görünür, bu da bölümlerin üstündeki bir Ana Sayfa veya Dashboard girdisine uygundur.

  • Mode := nbmAccordion tüm çubuğu değiştirir
  • Expanded bir grubu koddan açar veya kapatır
  • AllowMultiExpand birkaç grubun açık kalmasını sağlar
  • Indent alt öğelerin girintisini belirler
Yardım konusunu okuyun

Yerleşim ve modlar

Animasyonlu simge rayına daralma

Geniş kenar çubukları, kullanıcılarınızın görmeye geldiği verinin yerini çalar. Collapsed'i ayarlayın; çubuk genişletilmiş genişliğinden yaklaşık 150 ms içinde dar bir simge rayına katlanır. Rayda yalnızca simgeler çizilir, başlık ipucuna dönüşür, grup başlıkları ayırıcı çizgilere ve rozetler noktalara dönüşür, böylece önemli hiçbir şey kaybolmaz. Çubuk kendi genişliğini ayarlar, yanındaki içerik de alClient ile bunu takip eder. Collapsed özelliğini bir hamburger düğmesine, bir kullanıcı ayarına veya formun genişliğine bağlayın; ray kenar çubuğu ve akordeon modunda aynı şekilde açılıp kapanır.

  • Collapsed iki genişlik arasında geçiş yapar
  • Mantıksal piksel olarak ExpandedWidth (220) ve CollapsedWidth (56)
  • AnimateCollapse animasyonu açar veya kapatır
  • OnCollapsedChange rayın ne zaman açılıp kapandığını bildirir
Yardım konusunu okuyun

Yerleşim ve modlar

Sayfalarınızı seçime göre yönetin

Bir gezinti çubuğu ancak kullanıcının gördüğünü değiştirdiğinde işe yarar. Etkin bir öğeye tıklayın veya dokunun; çubuk onu seçer, OnItemClick'i tetikler ve ardından öğenin OnClick'ini çalıştırır. OnSelectionChange, eşleşen sayfayı göstermek için tek yerdir, örneğin gizli sekmeli bir TPageControl'ün sekmesi; SidebarApp demosu tam olarak böyle kurulmuştur. SelectedIndex geçerli sayfayı koddan okur ve ayarlar. Kullanıcının henüz ulaşamadığı bir öğeyi devre dışı bırakın, nedenini ipucunda açıklayın veya görmemesi gereken roller için gizleyin; seçim mantığı çalışmaya devam eder.

  • SelectedIndex kullanıcının seçtiği sayfadır
  • OnSelectionChange sayfayı veya frame'i değiştirir
  • Çubukta OnItemClick, her öğede OnClick
  • Her öğe için Enabled, Hint ve Visible
Yardım konusunu okuyun

Bilgi veren öğeler

Satırlar bir başlıktan fazlasını taşır: bir simge, bir sayı ve yazdığınız mantığa bir bağlantı.

Okunmamış sayılar için rozetler

Bilgi veren öğeler

Okunmamış sayılar için rozetler

Kullanıcılar sayfayı açmadan önce dikkat gerektiren bir şey olduğunu görmelidir. Bir öğeye okunmamış sayı ya da Yeni sözcüğü gibi bir Badge verin; çubuk onu satırın sağında vurgu renginde, siyah veya beyaz (hangisi daha okunaklıysa) metinli bir hap olarak çizer. Değer değiştikçe koddan ayarlayın, çubuk kendini yeniden çizer. Daralmış rayda rozet simge üzerinde bir noktaya dönüşür. Rozet düz metin olduğundan aynı özellik, özel çizim kodu olmadan sayıları, kısa etiketleri ve durum sözcüklerini kapsar.

  • Badge öğe başına kısa bir metindir
  • Boş bir Badge hiçbir şey çizmez
  • Hap, tema vurgusunu veya sizin AccentColor değerinizi kullanır
  • Sayıyı açıklamak için Hint ile birleştirin
Yardım konusunu okuyun
Resim listenizden veya bir glif ile simgeler

Bilgi veren öğeler

Resim listenizden veya bir glif ile simgeler

Her satırın bir simge yuvası vardır. Çubuğu zaten kullandığınız resim listesine yöneltin ve öğe başına ImageIndex ayarlayın; maskeli veya 32 bit resimler bir kez dönüştürülür ve liste değişene kadar önbellekte tutulur. Henüz resim listeniz yok mu? Bunun yerine bir Glyph ayarlayın; tema renklerini izleyen bir harf veya kısa bir simgedir, demolar da böyle görünür. Devre dışı bir öğe resmini yüzde 40 saydamlıkla çizer, böylece durum bir bakışta anlaşılır. İkisini karıştırmak sorun değildir: resim dizini olan öğeler resmi gösterir, diğerleri glife döner, böylece simgeleri kademeli olarak ekleyebilirsiniz.

  • Resim listeleri için Images ve ImageIndex
  • Resim olmadan bir harf veya simge için Glyph
  • VCL resimleri kendi boyutunda çizer
  • Delphi XE8'den itibaren FireMonkey resim listeleri
Yardım konusunu okuyun

Bilgi veren öğeler Yalnızca Kayıtlı

Öğeleri TAction'larınıza bağlayın

Bir TActionList üzerine kurulu uygulamalar komutlarını, başlıklarını ve etkinlik kurallarını zaten tek yerde tutar. Bir öğeyi Action özelliği üzerinden herhangi bir VCL veya FireMonkey TAction'a bağlayın; Caption, Enabled, Visible, Hint ve ImageIndex eylemi izler. Tıklama, eylemi çubuk ActionComponent olacak şekilde çalıştırır ve OnUpdate boşta çalışır, böylece eylem devre dışı kalır kalmaz öğe grileşir. .NET'te aynı iş Command ve CommandParameter ile yapılır. Tek bir TActionList formun menüsünü, araç çubuğunu ve klavye kısayollarını yönetebilir.

  • Action bir öğeyi herhangi bir TBasicAction'a bağlar
  • Öğenin OnClick olayı eylemin yerine çalışır
  • SGC_NAVIGATION_ACTIONS altında derlenir
  • .NET: ICommand ile Command ve CommandParameter

Community: eylem yerine öğenin OnClick veya çubuğun OnItemClick olayını atayın.

Yardım konusunu okuyun

Klavye, temalar ve çıktı

Çubuğu yerel hissettiren ve uygulamanızın geri kalanıyla tutarlı kılan ayrıntılar.

Önce klavye ile gezinti

Klavye, temalar ve çıktı

Önce klavye ile gezinti

İleri düzey kullanıcılar sayfaları fareyle değil klavyeyle değiştirir ve erişilebilirlik incelemeleri bunu bekler. Çubuk Tab ile odak alır ve odaklanmış satırı görünür, etkin öğeler üzerinde hareket ettirir: Yukarı ve Aşağı adım atar, Home ve End atlar, Enter veya Boşluk etkinleştirir. Akordeonda Sol bir grubu daraltır, Sağ genişletir. Kesikli odak dikdörtgeni yalnızca klavye kullanılırken görünür ve odak seçili sayfadan ayrı kalır. Aynı tuşlar FireMonkey çubuğunda da CanFocus ile çalışır, böylece masaüstü kullanıcıları her platformda aynı davranışı alır.

  • VCL çubuğu için TabStop varsayılan olarak açıktır
  • Modelin FocusedIndex değeri klavye satırıdır
  • SelectedIndex seçilen sayfa olarak kalır
  • Daralmış rayda ipuçları başlığı gösterir
Yardım konusunu okuyun
Açık, koyu ve vurgu renginiz

Klavye, temalar ve çıktı

Açık, koyu ve vurgu renginiz

Uygulamanın temasını yok sayan bir menü sonradan eklenmiş gibi görünür. Theme; yüzey, kenarlık, metin, grup başlığı, üzerine gelme ve vurgu renklerini paylaşılan sgcUICore token'larından ayarlar, böylece aynı Theme'e sahip bir çubuk ile bir sgcDashboard birebir uyum sağlar. AccentColor, seçim çubuğu, odak dikdörtgeni ve rozetler için vurguyu marka renginizle değiştirir. Bir dashboard kutucuğunda barındırılan çubuk, dashboard'un temasını kendiliğinden izler. Temayı çalışma zamanında değiştirin, çubuk anında yeniden çizilir; ayarlar sayfanızdaki bir koyu mod anahtarı için hazırdır.

  • Theme: utDefault (varsayılan, uygulama temasını izler), utLight veya utDark
  • AccentColor $AARRGGBB değeri olarak, 0 tema vurgusunu korur
  • Her sgcUI ürünüyle aynı token'lar
  • Dashboard kutucukları temalarını çubuğa iletir
Yardım konusunu okuyun
Çubuğu pencere olmadan çizin

Klavye, temalar ve çıktı

Çubuğu pencere olmadan çizin

Dokümantasyon, görsel testler ve web arka uçları bazen menünün kendisine değil resmine ihtiyaç duyar. sgcNavigation_Render içindeki çizici, bir TsgcNavigationModel'i pencere, VCL veya FireMonkey olmadan çizer; böylece bir konsol programı, bir servis veya bir sunucu aynı çubuğu PNG veya SVG olarak üretir. Birim Linux64 dahil her platformda derlenir ve ölçek parametresi yüksek DPI ekranlar için net resimler verir. Resim listenizi çiziciye verin, dışa aktarılan resim çalışan uygulamayla aynı simgeleri gösterir.

  • sgcNavigationSaveToPNG bir PNG dosyası veya akışı yazar
  • sgcNavigationSaveToSVG aynı çubuğu SVG olarak yazar
  • sgcNavigationRender herhangi bir sgcUICore canvas'ına çizer
  • Mantıksal piksel olarak genişlik ve yükseklik, çarpı ölçek
Yardım konusunu okuyun
İŞ BAŞINDA

sgcNavigation iş başında

sgcUI paket demolarında sgcNavigation: yerleşik simüle verilerle çevrimdışı çalışan eksiksiz uygulamalar.

ERP kenar çubuğu on modülü altı başlık altında toplar.

ERP kenar çubuğu on modülü altı başlık altında toplar.

Altamira ERP →
Alım satım masası kabuğu: masanın yanında daraltılmış bir simge rayı.

Alım satım masası kabuğu: masanın yanında daraltılmış bir simge rayı.

Altamira Markets →
Açık temada kontrol odası kabuğu.

Açık temada kontrol odası kabuğu.

Altamira Plant →
Riskler ve fazla yüklenen kişiler için canlı rozetlere sahip PMO kenar çubuğu.

Riskler ve fazla yüklenen kişiler için canlı rozetlere sahip PMO kenar çubuğu.

Altamira PMO →
Tüm paket demolarını görün
KULLANIM SENARYOLARI

sgcNavigation ile Kimler Geliştirme Yapıyor

ERP ve yönetim uygulamaları için modern bir kabuk

Elinizde onlarca mevcut form ve bunları hâlâ bir menü çubuğundan açan bir ana pencere var. Soluna bir kenar çubuğu koyun, her alan için bir öğe ekleyin ve OnSelectionChange ile gizli sekmeli bir TPageControl'ün sekmelerini değiştirin. Rozetler bekleyen siparişleri veya okunmamış mesajları gösterir, simge rayı da formlara alanlarını geri verir. Desenin bir sgcDashboard sayfasıyla çalıştığını görmek için SidebarApp'i çalıştırın.

  • Kenar çubuğu modu
  • Rozetler
  • Simge rayına daralma
SidebarApp demosunu çalıştırın

Ayarlar ve yönetim konsolları

Yapılandırma ekranları onlarca sayfayı Satışlar, Envanter ve Yönetim gibi birkaç başlık altında toplar. Akordeon aynı anda bir bölümü, AllowMultiExpand ile ise birkaçını açık tutar; Eylem bağlantıları da TActionList'inizin komutlarını ve etkinlik kurallarını yeniden kullanır. Klavye kullanıcıları bölümler arasında ok tuşlarıyla gezinir. Accordion demosu üç grubu, bir genişletme anahtarını ve bir tıklama günlüğünü gösterir.

  • Akordeon modu
  • Eylem bağlantıları
  • Klavye ile gezinti
Accordion demosunu çalıştırın

Her platformda aynı gezinti

Windows, macOS, iOS ve Android üzerinde çalışan bir FireMonkey uygulamasının her birinde farklı bir menüye ihtiyaç duymaması gerekir. TsgcFMXNavigationBar, VCL çubuğuyla aynı öğelere, modlara ve olaylara sahiptir; WinForms, WPF ve Avalonia için .NET çubukları da aynı adları izler. Bir Delphi masaüstü uygulaması ve bir .NET aracı sunan ekipler tek bir zihinsel modeli korur. SidebarFMX, kenar çubuğu demosunun FireMonkey sürümüdür.

  • FireMonkey çubuğu
  • Temalar
  • .NET çubukları
SidebarFMX demosunu çalıştırın
HIZLI BAŞLANGIÇ

Birkaç Satırda Bir Gezinti Çubuğu

Delphi, C++ Builder ve C#'ta aynı API: gruplu, rozetli, devre dışı bir öğeli ve bir Collapse düğmeli akordeon çubuğu.

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
Denemeyi İndirin
DEMOLAR

sgcNavigation Demolarını Çalıştırın

SidebarApp ve Accordion demoları VCL ve C++ Builder için, Delphi için ayrıca bir FireMonkey sürümüyle birlikte gelir. .NET sürümünde ise WinForms, WPF ve Avalonia projeleri olarak sunulur.

SidebarApp

SidebarApp

Gizli sekmeli bir sayfa denetimini yöneten; simgeli, rozetli, devre dışı bir öğeli, Collapse düğmeli, tema açılır listeli ve bir sgcDashboard KPI sayfalı kenar çubuğu. Uygulama kabuğu desenini baştan sona kanıtlar.

Accordion

Yalnızca Kayıtlı Accordion

Satışlar, Envanter ve Yönetim olmak üzere üç grup, bir AllowMultiExpand anahtarı, Eylem bağlantıları ve bir tıklama günlüğü. Eylem bağlantılarını kullandığı için Kayıtlı veya Deneme sürümü gerekir.

SidebarFMX

Yalnızca Delphi için, FireMonkey'e yönelik TsgcFMXNavigationBar ile oluşturulmuş kenar çubuğu demosu. VCL sürümüyle aynı öğeler, modlar ve olaylar; Windows, macOS ve mobil hedeflere hazır.

Derlenmiş demolar

Her sgcUI ürününün çalıştırmaya hazır yürütülebilir dosyaları, kurulum gerektirmez.

sgcUI_bin.zip dosyasını indirin →
SÜRÜMLER

sgcNavigation Hangi Sürümlerde Yer Alıyor

sgcNavigation, Standard'dan başlayarak her sgcUI sürümünde bulunur ve ayrıca tek başına da satılır. sgcNavigation ayrıca All-Access paketine dahildir.

sgcNavigation tek paket

€149 / geliştirici, tam kaynak kodu, 1 yıl güncelleme.

sgcNavigation satın alın → Fiyatlandırmayı görün →

sgcUI Standard

sgcNavigation, sgcGrid, sgcToolbar ve sgcEditors, €380 fiyatından başlayarak.

Standard sürümüne bakın →

sgcUI Professional

Standard artı sgcCharts, sgcDashboard ve sgcGauges, €529 fiyatından başlayarak.

Professional sürümüne bakın →

sgcUI Enterprise

Tüm 14 sgcUI ürünü, €699 fiyatından başlayarak.

Enterprise sürümüne bakın →

Ücretsiz Community sürümü (NuGet'te esegece.sgcNavigation.Community) öğelerin Eylem bağlantıları dışında her şeye sahiptir.

ÖzellikCommunity (ücretsiz)Kayıtlı
Kenar çubuğu ve akordeon modları✓✓
Animasyonlu simge rayına daralma✓✓
Simgeler, glifler ve rozetler✓✓
Klavye ile gezinti✓✓
Açık ve koyu temalar, vurgu rengi✓✓
Arayüzsüz PNG ve SVG çıktısı✓✓
Eylem bağlantıları (Delphi) ve Command (.NET)−✓
PLATFORMLAR

Desteklenen Framework'ler ve Platformlar

sgcNavigation'daki bileşenler

BileşenHedef
TsgcVCLNavigationBarDelphi ve C++ Builder, VCL (sgcNavigation_VCL)
TsgcFMXNavigationBarDelphi ve C++ Builder, FireMonkey (sgcNavigation_FMX)
TsgcNavigationItem, TsgcNavigationItems, TsgcNavigationModelFramework'ten bağımsız model (sgcNavigation_Model)
TsgcWinFormsNavigationBar.NET, WinForms
TsgcWpfNavigationBar.NET, WPF
TsgcAvaloniaNavigationBar.NET, Avalonia
HedefBileşenPlatformlar
Delphi 7'den 13'e, VCLTsgcVCLNavigationBarWin32 ve Win64
Delphi XE6'dan 13'e, FireMonkeyTsgcFMXNavigationBarWindows, macOS, iOS, Android ve Linux (FMXLinux)
C++ Builder 2007'den 13'eTsgcVCLNavigationBar, TsgcFMXNavigationBarOluşturulan .hpp başlık dosyaları ve statik kitaplıklar
Delphi 10.2'den 13'e, framework'ten bağımsızModel ve arayüzsüz PNG ve SVG çiziciLinux64, örneğin bir sunucuda çubuk çizmek için
.NET Framework 4.7.2, .NET 8, 9 ve 10TsgcWinFormsNavigationBar, WPF ve Avalonia çubuklarıWinForms, WPF ve Avalonia
SSS

Sık Sorulan Sorular

İkisini birden. Mode özelliği aynı denetimde, aynı öğeler ve olaylarla nbmSidebar ile nbmAccordion arasında geçiş yapar; böylece projenin ilerleyen aşamalarında fikir değiştirebilir veya iki stili de kullanıcı tercihi olarak sunabilirsiniz. Her mod ayrıca daralmış simge rayına katlanır.

Evet. OnSelectionChange olayını işleyin ve SelectedIndex ile eşleşen sayfayı gösterin; örneğin gizli sekmeli bir TPageControl'ün sekmesi ya da isteğe bağlı oluşturulan bir frame. SidebarApp demosu tam olarak böyle kurulmuştur ve bir sgcDashboard KPI sayfası barındırır.

Evet. TsgcFMXNavigationBar, Delphi XE6'dan itibaren Windows, macOS, iOS, Android ve Linux'u (FMXLinux) hedefler ve VCL çubuğuyla aynı öğelere, modlara ve olaylara sahiptir. FireMonkey resim listeleri Delphi XE8 veya üstünü gerektirir; eski sürümler her öğenin Glyph değerini kullanır.

Yalnızca öğelerin Eylem bağlantıları, yani .NET'te Command ve CommandParameter özellikleri. Bunun yerine öğenin OnClick veya çubuğun OnItemClick olayını kullanın. Simge rayı, rozetler, temalar ve arayüzsüz çıktı dahil diğer tüm özellikler Community'de vardır. Bkz. Sürümler.

Hayır. .NET portunda tasarımcı fiilleri veya koleksiyon düzenleyicisi yoktur, bu yüzden öğeler serileştirilmez ve kodla eklenir, genellikle formun veya pencerenin yapıcısında. Delphi ve C++ Builder'da Items koleksiyonu tasarım zamanında standart koleksiyon düzenleyicisiyle düzenlenir.

Evet. Tüm boyutlar mantıksal piksellerin monitörün ölçeğiyle çarpımıdır, bu yüzden satırlar, simgeler ve rozetler her DPI'da nettir. WinForms'ta genişlikler ve yükseklikler VCL'deki gibi DPI / 96 ile ölçeklenir, WPF ve Avalonia'da ise cihazdan bağımsız birimlerdir.

Evet. sgcNavigationSaveToPNG ve sgcNavigationSaveToSVG, bir çubuğu modelinden pencere, VCL veya FireMonkey olmadan çizer; Delphi 10.2'den itibaren Linux64'te de. Dokümantasyon, görsel regresyon testleri veya uygulamanızın menüsünü gösteren bir web sayfası için kullanın.

BELGELER

sgcNavigation Yardımı

Delphi

Giriş, Hızlı Başlangıç VCL, Hızlı Başlangıç FireMonkey, TsgcVCLNavigationBar, Kenar çubuğu modu, Akordeon modu, Daralma, Rozetler, Temalar, Sürümler, Platformlar.

C++ Builder

Giriş, Hızlı Başlangıç C++ Builder, TsgcVCLNavigationBar, Daralma, Demolar.

.NET

.NET genel bakış, Hızlı Başlangıç WinForms, Hızlı Başlangıç WPF, Hızlı Başlangıç Avalonia, Delphi'den farklar.

PDF kılavuzlar

Delphi, C++ Builder ve .NET, tüm sgcUI ürünlerini kapsar.

3,000+Geliştirici
20+Yıl
761+Bileşen
30+API Entegrasyonu
5Platform
30 Günlük Para İade GarantisiMemnun kalmadınız mı? Satın alımdan sonraki 30 gün içinde tam para iadesi talep edin. İade politikasına bakın

sgcNavigation'ı Bugün Deneyin

sgcUI denemesi sgcNavigation'ı ve diğer tüm sgcUI ürünlerini içerir.

Denemeyi İndirin sgcNavigation satın alın