sgcUI sgcNavigation şimdi kullanıma hazır

sgcNavigation. Her sayfayı bulun. Bir raya daralsın.

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 rozetler gösterir ve tamamen klavyeyle kullanılır. Açık ve koyu temalar hazır gelir.

Deneme sürümünü indirin sgcNavigation'ı keşfedin

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7'den 13'e

2gezinti stili tek denetimde: kenar çubuğu ve akordeon
~150 msçubuğu animasyonla simge rayına daraltmak için
220 / 56mantıksal piksel, varsayılan genişletilmiş ve daraltılmış genişlik
5UI frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Bir uygulama menüsünün ihtiyaç 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, her framework'te.

İki stil, tek denetim
Aynı öğeler ve olaylarla bir kenar çubuğu ya da akordeon, tek bir özellikle değiştirilir.
Her arayüz framework'ü
VCL, FireMonkey, WinForms, WPF ve Avalonia, aynı model ve adlarla.
Takımla uyumlu
Her sgcUI ürünüyle paylaşılan açık ve koyu temalar ve vurgu rengi.
Penceresiz çıktı
Aynı çubuğu pencere olmadan PNG veya SVG olarak çizin, Linux64 dahil.

Çalışırken görün.

Deneme sürümüyle gelen sgcNavigation demolarından yakalandı.

Workspace ve Business gruplarında 8 öğeli bir kenar çubuğu olan SidebarApp demosu, Dashboard seçili, sağda iki KPI kartı

Yerleşim ve modlar

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

Forma bir TsgcVCLNavigationBar bırakın, sola hizalayın ve öğeleri ekleyin; IsGroup bir öğeyi grup başlığına dönüştürür.
Seçili satır vurgu renginde 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.
OnSelectionChange eşleşen sayfayı gösterir, örneğin SidebarApp demosunda olduğu gibi sekmeleri gizli bir TPageControl.

AllowMultiExpand ile Mode = nbmAccordion: Sales ve Inventory açık, Admin kapalı

Akordeon

Tek özellikle akordeona geçin.

Mode := nbmAccordion her grup başlığını, altındaki öğeleri açıp kapatan bir bölüme dönüştürür.
Varsayılan olarak aynı anda yalnızca bir grup açıktır; AllowMultiExpand birkaç bölümü birlikte açık tutar.
Öğeler, olaylar ve kodunuz aynen kalır ve her iki mod da daraltılmış simge rayına katlanır.

Okunmamış sayıyı göstermek için bir öğeye Badge atayın: Inbox 12, Tasks 3, Alerts 1

Bilgi veren öğeler

Rozetler, simgeler ve kendi TAction'larınız.

Badge bir okunmamış sayıyı ya da Yeni gibi bir sözcüğü vurgu renginde bir hap olarak, daraltılmış rayda ise bir nokta olarak çizer.
ImageIndex simgeleri zaten kullandığınız resim listesinden seçer, Glyph ise hiç resim listesi olmadan bir harf çizer.
Action bir öğeyi herhangi bir VCL veya FireMonkey TAction'ına bağlar; .NET'te aynı işi Command yapar.

Solda TsgcVCLNavigationBar, sağda sgcNavigationSaveToSVG ile yazılmış ve Edge'de gösterilen aynı çubuk

Klavye, temalar ve çıktı

Çubuğu pencere olmadan çizin.

sgcNavigationSaveToPNG ve sgcNavigationSaveToSVG bir modeli pencere olmadan, VCL veya FireMonkey kullanmadan çizer.
Çizici Linux64 dahil her platformda derlenir; böylece bir konsol programı, bir servis ya da bir sunucu aynı çubuğu çizer.
Bir ölçek parametresi yüksek DPI ekranlar için keskin görüntüler verir ve resim listeniz aynı simgeleri sağlar.

sgcNavigation'dan daha fazlası.

Temalar, simgeler, klavye odağı ve SidebarApp kabuğu, doğrudan demolardan.

Aynı öğeler, rozetler ve seçimle utLight ve utDark temalarında aynı çubuk — Tek bir özellik çubuğu `utLight` ile `utDark` arasında değiştirir; `AccentColor` marka renginizi getirir.

Solda: ImageIndex ile bir TImageList'ten simgeler. Sağda: öğe başına bir Glyph harfi, resim listesi yok — `ImageIndex` simgeleri bir `TImageList`'ten seçer, `Glyph` ise resim listesi gerekmeden bir harf çizer.

Önce klavye gezintisi: Dashboard seçili, kesikli odak dikdörtgeni Tasks üzerinde — Yukarı, Aşağı, Home, End, Enter ve Boşluk çubukta gezinir; Sol ve Sağ akordeon gruplarını katlar.

Açık temada SidebarApp: Inbox ve Reports rozetleri, devre dışı bir Billing öğesi ve bir sgcDashboard KPI sayfası — SidebarApp: rozetler, devre dışı bir öğe ve seçimle değişen bir sgcDashboard KPI sayfası.

Birkaç satırda bir gezinti çubuğu.

Gruplar, bir rozet, devre dışı bir öğe ve bir Daralt düğmesi içeren akordeon çubuğu. Delphi, C++ Builder ve C# için aynı API.

dotnet add package esegece.sgcNavigation.WinForms

C++ Builder ve C# sürümleri

procedure TMainForm.CreateNavigation;
begin
  // solda bir akordeon çubuğu, koyu tema, birkaç grup aynı anda açık
  FNav := TsgcVCLNavigationBar.Create(Self);
  FNav.Parent := Self;
  FNav.Align := alLeft;
  FNav.Mode := nbmAccordion;
  FNav.AllowMultiExpand := True;
  FNav.Theme := utDark;
  // bir grup başlığı (üçüncü parametre True), ardından altındaki öğeler
  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
  // çubuğu animasyonla simge rayına daraltın
  FNav.Collapsed := not FNav.Collapsed;
end;

sgcUI'nin parçası.

sgcNavigation'ı tek başına satın alın ya da temasını ve çalışma zamanını paylaşan ürünlerle birlikte Standard'dan başlayarak her sgcUI sürümünde edinin. Her biri kaynak kodu ile gelir.

Tek başına

sgcNavigation

Tek başına gezinti çubuğu, tam kaynak kodu ve 1 yıl güncelleme.

€149 / geliştirici

sgcNavigation fiyatlandırması

sgcNavigation dahil

Standard

sgcGrid, sgcNavigation, sgcToolbar ve sgcEditors.

€380 / geliştirici

Standard'ı görün

sgcNavigation dahil

Professional

Standard artı sgcCharts, sgcDashboard ve sgcGauges.

€529 / geliştirici

Professional'ı görün

sgcNavigation dahil

Enterprise

15 sgcUI ürününün tamamı.

€699 / geliştirici

Enterprise'ı görün

.NET için NuGet'teki esegece.sgcNavigation.Community ücretsizdir, Action bağlantıları dışında her şeyi içerir. sgcNavigation ayrıca All-Access paketinde yer alır.

sgcUI'yı keşfedin

sgcUI'nin geri kalanıyla birlikte çalışır.

Her sgcUI ürünü aynı çalışma zamanıyla, sgcUICore ile çizer; böylece çubuk, çevresindeki denetimlerle yazı tiplerini, aralıkları, vurgu rengini ve temayı paylaşır.