sgcUI O sgcNavigation já está disponível

sgcNavigation. Encontre cada página. Recolha em um trilho.

Dê à sua aplicação um menu de navegação moderno em poucos minutos. Um único controle é uma barra lateral ou um acordeão, se recolhe em um trilho de ícones com uma animação suave, mostra selos com contagens de não lidos e funciona totalmente pelo teclado. Os temas claro e escuro já vêm incluídos.

Baixar a avaliação Conhecer o sgcNavigation

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 a 13

2estilos de navegação em um único controle, barra lateral e acordeão
~150 mspara recolher a barra em um trilho de ícones, com animação
220 / 56pixels lógicos, largura expandida e recolhida por padrão
5UI frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Tudo o que o menu de uma aplicação precisa.

Dez recursos que transformam uma lista de páginas em uma estrutura de navegação na qual os usuários se orientam de imediato, em todos os frameworks.

Dois estilos, um controle
Uma barra lateral ou um acordeão com os mesmos itens e eventos, alternados por uma única propriedade.
Todos os frameworks de interface
VCL, FireMonkey, WinForms, WPF e Avalonia, com o mesmo modelo e os mesmos nomes.
Combina com a suíte
Temas claro e escuro e uma cor de destaque compartilhada com todos os produtos do sgcUI.
Saída sem janela
Renderize a mesma barra em PNG ou SVG sem janela, inclusive no Linux64.

Veja funcionando.

Capturado a partir dos demos do sgcNavigation que acompanham a avaliação.

Demo SidebarApp com uma barra lateral de 8 itens nos grupos Workspace e Business, Dashboard selecionado e dois cartões de KPI à direita

Layout e modos

Uma barra lateral moderna para a aplicação em um só componente.

Solte um TsgcVCLNavigationBar no formulário, alinhe-o à esquerda e adicione os itens; IsGroup transforma um item em um cabeçalho de grupo.
A linha selecionada recebe um fundo com tom da cor de destaque e uma barra de destaque de 3 pixels, para que os usuários saibam sempre onde estão.
OnSelectionChange mostra a página correspondente, por exemplo um TPageControl com abas ocultas, como faz o demo SidebarApp.

Mode = nbmAccordion com AllowMultiExpand: Sales e Inventory estão abertos, Admin está fechado

Acordeão

Mude para um acordeão com uma única propriedade.

Mode := nbmAccordion transforma cada cabeçalho de grupo em uma seção que abre e fecha os itens abaixo dele.
Por padrão, apenas um grupo fica aberto por vez; AllowMultiExpand mantém várias seções abertas ao mesmo tempo.
Os itens, os eventos e o seu código continuam exatamente iguais, e os dois modos se recolhem no trilho de ícones.

Defina Badge em um item para mostrar uma contagem de não lidos: Inbox 12, Tasks 3, Alerts 1

Itens que informam

Selos, ícones e as suas próprias TActions.

Badge desenha uma contagem de não lidos ou uma palavra como New em uma pílula na cor de destaque, e um ponto no trilho recolhido.
ImageIndex escolhe ícones da lista de imagens que você já usa, ou um Glyph desenha uma letra sem nenhuma lista de imagens.
Action vincula um item a qualquer TAction do VCL ou do FireMonkey; no .NET, o mesmo trabalho é feito por Command.

TsgcVCLNavigationBar à esquerda e a mesma barra gravada por sgcNavigationSaveToSVG e exibida no Edge à direita

Teclado, temas e saída

Renderize a barra sem janela.

sgcNavigationSaveToPNG and sgcNavigationSaveToSVG pintam um modelo sem janela e sem VCL ou FireMonkey.
O renderizador compila em todas as plataformas, inclusive no Linux64, de modo que um programa de console, um serviço ou um servidor desenha a mesma barra.
Um parâmetro de escala gera imagens nítidas para telas de alta densidade, e a sua lista de imagens fornece os mesmos ícones.

Mais do sgcNavigation.

Temas, ícones, foco do teclado e a estrutura do SidebarApp, direto dos demos.

A mesma barra nos temas utLight e utDark, com os mesmos itens, selos e seleção — Uma propriedade alterna a barra entre `utLight` e `utDark`; `AccentColor` traz a cor da sua marca.

Esquerda: ícones de um TImageList por meio de ImageIndex. Direita: uma letra Glyph por item, sem lista de imagens — `ImageIndex` escolhe ícones de um `TImageList`, ou `Glyph` desenha uma letra sem precisar de lista de imagens.

Navegação orientada pelo teclado: Dashboard selecionado enquanto o retângulo tracejado de foco está em Tasks — Up, Down, Home, End, Enter e Space percorrem a barra; Left e Right recolhem os grupos do acordeão.

SidebarApp no tema claro com selos em Inbox e Reports, um item Billing desabilitado e uma página de KPIs do sgcDashboard — SidebarApp: selos, um item desabilitado e uma página de KPIs do sgcDashboard, alternada a partir da seleção.

Uma barra de navegação em poucas linhas.

Uma barra em acordeão com grupos, um selo, um item desabilitado e um botão Collapse. A mesma API em Delphi, C++ Builder e C#.

dotnet add package esegece.sgcNavigation.WinForms

Versões para C++ Builder e C#

procedure TMainForm.CreateNavigation;
begin
  // uma barra em acordeão à esquerda, tema escuro, vários grupos abertos ao mesmo tempo
  FNav := TsgcVCLNavigationBar.Create(Self);
  FNav.Parent := Self;
  FNav.Align := alLeft;
  FNav.Mode := nbmAccordion;
  FNav.AllowMultiExpand := True;
  FNav.Theme := utDark;
  // um cabeçalho de grupo (terceiro parâmetro True), depois os itens abaixo dele
  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
  // recolhe a barra em um trilho de ícones, com animação
  FNav.Collapsed := not FNav.Collapsed;
end;

Parte do sgcUI.

Compre o sgcNavigation isolado ou tenha-o em todas as edições do sgcUI a partir da Standard, junto dos produtos que compartilham o seu tema e o seu runtime. Todas incluem o código-fonte.

Isolado

sgcNavigation

A barra de navegação isolada, com código-fonte completo e 1 ano de atualizações.

€149 / desenvolvedor

Preços do sgcNavigation

Inclui o sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / desenvolvedor

Ver o Standard

Inclui o sgcNavigation

Professional

Standard mais sgcCharts, sgcDashboard e sgcGauges.

€529 / desenvolvedor

Ver o Professional

Inclui o sgcNavigation

Enterprise

Os 15 produtos do sgcUI.

€699 / desenvolvedor

Ver o Enterprise

Para .NET, o esegece.sgcNavigation.Community no NuGet é gratuito, com tudo, exceto os vínculos de Action. O sgcNavigation também está no pacote All-Access.

Conhecer o sgcUI

Funciona com o restante do sgcUI.

Todos os produtos do sgcUI desenham com o mesmo runtime, o sgcUICore, de modo que a barra compartilha fontes, espaçamento, cor de destaque e tema com os controles ao redor.