sgcUI sgcNavigation ya está disponible

sgcNavigation. Encuentra cada página. Pliégala en un riel.

Da a tu aplicación un menú de navegación moderno en minutos. Un solo control es una barra lateral o un acordeón, se pliega en un riel de iconos con una animación suave, muestra insignias con los contadores de no leídos y se maneja por completo con el teclado. Los temas claro y oscuro vienen incluidos.

Descargar la prueba Descubrir sgcNavigation

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 a 13

2estilos de navegación en un solo control, barra lateral y acordeón
~150 mspara plegar la barra en un riel de iconos, con animación
220 / 56píxeles lógicos, ancho expandido y plegado por defecto
5frameworks de interfaz: VCL, FireMonkey, WinForms, WPF, Avalonia

Todo lo que necesita el menú de una aplicación.

Diez funciones que convierten una lista de páginas en una estructura de navegación por la que tus usuarios se orientan al instante, en cada framework.

Dos estilos, un control
Una barra lateral o un acordeón con los mismos elementos y eventos, que se cambia con una sola propiedad.
Todos los frameworks de interfaz
VCL, FireMonkey, WinForms, WPF y Avalonia, con el mismo modelo y los mismos nombres.
Encaja con la suite
Temas claro y oscuro y un color de acento compartido con todos los productos sgcUI.
Salida sin ventana
Dibuja la misma barra en PNG o SVG sin ventana, Linux64 incluido.

Míralo en marcha.

Capturado de las demos de sgcNavigation que se incluyen con la prueba.

Demo SidebarApp con una barra lateral de 8 elementos en los grupos Workspace y Business, Dashboard seleccionado y dos tarjetas de KPI a la derecha

Disposición y modos

Una barra lateral moderna para tu aplicación en un solo componente.

Coloca un TsgcVCLNavigationBar en el formulario, alinéalo a la izquierda y añade los elementos; IsGroup convierte un elemento en cabecera de grupo.
La fila seleccionada recibe un fondo teñido con el color de acento y una barra de acento de 3 píxeles, para que los usuarios sepan siempre dónde están.
OnSelectionChange muestra la página correspondiente, por ejemplo un TPageControl con las pestañas ocultas, como hace la demo SidebarApp.

Mode = nbmAccordion con AllowMultiExpand: Sales e Inventory están abiertos, Admin está cerrado

Acordeón

Cambia a un acordeón con una sola propiedad.

Mode := nbmAccordion convierte cada cabecera de grupo en una sección que abre y cierra los elementos que tiene debajo.
Por defecto solo hay un grupo abierto a la vez; AllowMultiExpand mantiene varias secciones abiertas a la vez.
Los elementos, los eventos y tu código siguen siendo exactamente los mismos, y ambos modos se pliegan en el riel de iconos.

Asigna Badge a un elemento para mostrar un contador de no leídos: Inbox 12, Tasks 3, Alerts 1

Elementos que informan

Insignias, iconos y tus propias TAction.

Badge dibuja un contador de no leídos o una palabra como New en forma de píldora con el color de acento, y un punto en el riel plegado.
ImageIndex elige iconos de la lista de imágenes que ya usas, o un Glyph dibuja una letra sin necesidad de lista de imágenes.
Action enlaza un elemento con cualquier TAction de VCL o FireMonkey; en .NET lo mismo lo hace Command.

TsgcVCLNavigationBar a la izquierda y la misma barra escrita por sgcNavigationSaveToSVG y mostrada en Edge a la derecha

Teclado, temas y salida

Dibuja la barra sin ventana.

sgcNavigationSaveToPNG y sgcNavigationSaveToSVG pintan un modelo sin ventana y sin VCL ni FireMonkey.
El renderizador compila en todas las plataformas, Linux64 incluido, así que un programa de consola, un servicio o un servidor dibujan la misma barra.
Un parámetro de escala da imágenes nítidas para pantallas de alta densidad, y tu lista de imágenes aporta los mismos iconos.

Más de sgcNavigation.

Temas, iconos, foco de teclado y la estructura SidebarApp, directamente de las demos.

La misma barra en los temas utLight y utDark con los mismos elementos, insignias y selección — Una propiedad cambia la barra entre `utLight` y `utDark`; `AccentColor` aporta el color de tu marca.

Izquierda: iconos de un TImageList mediante ImageIndex. Derecha: una letra Glyph por elemento, sin lista de imágenes — `ImageIndex` elige iconos de un `TImageList`, o `Glyph` dibuja una letra sin necesidad de lista de imágenes.

Navegación pensada para el teclado: Dashboard seleccionado mientras el rectángulo de foco punteado está sobre Tasks — Arriba, Abajo, Inicio, Fin, Intro y Espacio recorren la barra; Izquierda y Derecha pliegan los grupos del acordeón.

SidebarApp en el tema claro con insignias en Inbox y Reports, un elemento Billing deshabilitado y una página de KPI de sgcDashboard — SidebarApp: insignias, un elemento deshabilitado y una página de KPI de sgcDashboard, que cambia según la selección.

Una barra de navegación en pocas líneas.

Una barra de acordeón con grupos, una insignia, un elemento deshabilitado y un botón de plegado. La misma API en Delphi, C++ Builder y C#.

dotnet add package esegece.sgcNavigation.WinForms

Versiones para C++ Builder y 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;

Forma parte de sgcUI.

Compra sgcNavigation por separado, o consíguela en cada edición de sgcUI desde Standard, junto a los productos que comparten su tema y su runtime. Todas incluyen código fuente.

Por separado

sgcNavigation

La barra de navegación por separado, con código fuente completo y 1 año de actualizaciones.

€149 / desarrollador

Precios de sgcNavigation

Incluye sgcNavigation

Standard

sgcGrid, sgcNavigation, sgcToolbar y sgcEditors.

€380 / desarrollador

Ver Standard

Incluye sgcNavigation

Professional

Standard más sgcCharts, sgcDashboard y sgcGauges.

€529 / desarrollador

Ver Professional

Incluye sgcNavigation

Enterprise

Los 15 productos sgcUI.

€699 / desarrollador

Ver Enterprise

Para .NET, esegece.sgcNavigation.Community en NuGet es gratuito, con todo salvo los enlaces Action. sgcNavigation también está en el paquete All-Access.

Descubrir sgcUI

Funciona con el resto de sgcUI.

Todos los productos sgcUI dibujan con el mismo runtime, sgcUICore, así que la barra comparte fuentes, espaciado, color de acento y tema con los controles que la rodean.