Delphi, C++ Builder & .NET Parte de sgcUI

sgcNavigation, la barra de navegación lateral y de acordeón para Delphi, C++ Builder & .NET

Dale 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 a un riel de iconos con una animación suave, muestra insignias con los contadores de no leídos y funciona por completo con el teclado. Los temas claro y oscuro vienen incluidos.

VCL, FireMonkey, WinForms, WPF, AvaloniaDelphi 7 a 13 y C++ Builder 2007 a 13Edición Community de .NET gratuitaIncluido en sgcUI Standard
Descargar prueba Míralo en acción
Demo SidebarApp con una barra lateral de 8 elementos en los grupos Workspace y Business, Dashboard seleccionado y dos tarjetas KPI a la derecha
FUNCIONES CLAVE

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 en la que tus usuarios se orientan al instante.

Diseño y modos

Un solo control cubre los dos estilos de navegación que usan las aplicaciones de negocio, y el riel estrecho entre ambos.

Una barra lateral moderna en un solo componente

Diseño y modos

Una barra lateral moderna en un solo componente

La mayoría de las aplicaciones de negocio necesita lo mismo en el borde izquierdo del formulario principal: una lista de páginas, agrupadas por área, con la página actual claramente marcada. Coloca un TsgcVCLNavigationBar en el formulario, alinéalo a la izquierda y añade los elementos. Los encabezados de grupo titulan las filas que tienen debajo con un color atenuado y nunca se seleccionan. La fila seleccionada recibe un fondo teñido con el acento y una barra de acento de 3 píxeles, así que los usuarios siempre ven dónde están. Los estados al pasar el ratón y al pulsar, las sugerencias y las filas deshabilitadas se dibujan por ti, de modo que la barra parece terminada desde la primera ejecución.

  • Mode := nbmSidebar es el estilo predeterminado
  • IsGroup convierte un elemento en un encabezado de grupo
  • ItemHeight y GroupHeight fijan la altura de las filas
  • La rueda del ratón desplaza las listas largas y ScrollIntoView muestra cualquier elemento
  • De derecha a izquierda para árabe y hebreo: los iconos y los títulos intercambian su sitio, y la sangría, los chevrones, las insignias y el botón de contraer están reflejados
Leer el tema de la ayuda
Cambia a un acordeón con una sola propiedad

Diseño y modos

Cambia a un acordeón con una sola propiedad

Las pantallas de ajustes y las consolas de administración suelen tener más secciones de las que caben en pantalla. Establece Mode en nbmAccordion y cada encabezado de grupo se convierte en una sección que abre y cierra los elementos que tiene debajo, con un chevrón a la derecha y los hijos con sangría. Por defecto solo hay un grupo abierto a la vez, lo que mantiene corto un menú largo. Activa AllowMultiExpand cuando los usuarios necesiten varias secciones abiertas a la vez. Los elementos, los eventos y tu código siguen exactamente igual. Los elementos colocados antes del primer encabezado no pertenecen a ningún grupo y se muestran siempre, lo que va bien para una entrada Inicio o Dashboard sobre las secciones.

  • Mode := nbmAccordion cambia toda la barra
  • Expanded abre o cierra un grupo desde código
  • AllowMultiExpand permite que varios grupos sigan abiertos
  • Indent fija la sangría de los elementos hijos
Leer el tema de la ayuda

Diseño y modos

Contracción a un riel de iconos, animada

Las barras laterales anchas le quitan espacio a los datos que tus usuarios han venido a ver. Activa Collapsed y la barra se pliega desde su ancho expandido a un riel de iconos estrecho en unos 150 ms. En el riel solo se dibujan los iconos, el título pasa a ser la sugerencia, los encabezados de grupo se convierten en líneas separadoras y las insignias en puntos, así que no se pierde nada importante. La barra fija su propio ancho, de modo que el contenido que tiene al lado la sigue con alClient. Enlaza la propiedad Collapsed a un botón de hamburguesa, a un ajuste del usuario o al ancho del formulario, y el riel se abre y se cierra igual en modo barra lateral y en modo acordeón.

  • Collapsed alterna entre los dos anchos
  • ExpandedWidth (220) y CollapsedWidth (56) en píxeles lógicos
  • AnimateCollapse activa o desactiva la animación
  • OnCollapsedChange te avisa cuando el riel se abre o se cierra
Leer el tema de la ayuda

Diseño y modos

Gobierna tus páginas desde la selección

Una barra de navegación solo es útil cuando cambia lo que ve el usuario. Haz clic o toca un elemento habilitado y la barra lo selecciona, dispara OnItemClick y después ejecuta el OnClick del elemento. OnSelectionChange es el único lugar donde mostrar la página correspondiente, por ejemplo la pestaña de un TPageControl con las pestañas ocultas, que es exactamente como está construida la demo SidebarApp. SelectedIndex lee y establece la página actual desde código. Deshabilita un elemento al que el usuario aún no puede llegar, explica el motivo en su sugerencia u ocúltalo para los roles que no deban verlo, y la lógica de selección sigue funcionando.

  • SelectedIndex es la página que eligió el usuario
  • OnSelectionChange cambia la página o el marco
  • OnItemClick en la barra y OnClick en cada elemento
  • Enabled, Hint y Visible por elemento
Leer el tema de la ayuda

Elementos que informan

Las filas llevan más que un título: un icono, un contador y un enlace a la lógica que ya escribiste.

Insignias para contadores de no leídos

Elementos que informan

Insignias para contadores de no leídos

Los usuarios deben ver que algo requiere atención antes de abrir la página. Dale a un elemento un Badge, como un contador de no leídos o la palabra Nuevo, y la barra lo dibuja como una píldora del color de acento a la derecha de la fila, con texto negro o blanco, el que se lea mejor. Establécelo desde código cada vez que cambie el valor y la barra se repinta sola. En el riel contraído la insignia se convierte en un punto sobre el icono. Como la insignia es texto simple, la misma propiedad cubre contadores, etiquetas cortas y palabras de estado sin ningún código de dibujo propio.

  • Badge es un texto corto por elemento
  • Un Badge vacío no dibuja nada
  • La píldora usa el acento del tema o tu AccentColor
  • Combínalo con Hint para explicar el contador
Leer el tema de la ayuda
Iconos de tu lista de imágenes o un glifo

Elementos que informan

Iconos de tu lista de imágenes o un glifo

Cada fila tiene una ranura de icono. Apunta la barra a la lista de imágenes que ya usas y establece ImageIndex en cada elemento, y las imágenes con máscara o de 32 bits se convierten una vez y se guardan en caché hasta que la lista cambia. ¿Aún no tienes lista de imágenes? Establece un Glyph, una letra o un símbolo corto que sigue los colores del tema, que es el aspecto de las demos. Un elemento deshabilitado pinta su imagen al 40 por ciento de opacidad, así que el estado se ve de un vistazo. Mezclar ambos es válido: los elementos con índice de imagen muestran la imagen y los demás usan su glifo, de modo que puedes añadir iconos poco a poco.

  • Images e ImageIndex para listas de imágenes
  • Glyph para una letra o un símbolo sin imágenes
  • VCL dibuja las imágenes a su propio tamaño
  • Listas de imágenes de FireMonkey desde Delphi XE8
Leer el tema de la ayuda

Elementos que informan Solo registrada

Conecta los elementos a tus TAction

Las aplicaciones construidas sobre un TActionList ya tienen sus comandos, títulos y reglas de habilitación en un solo lugar. Enlaza un elemento a cualquier TAction de VCL o FireMonkey mediante su propiedad Action y su Caption, Enabled, Visible, Hint e ImageIndex siguen a la acción. Un clic ejecuta la acción con la barra como su ActionComponent, y OnUpdate se ejecuta en reposo, de modo que un elemento se pone gris en cuanto su acción se deshabilita. En .NET el mismo trabajo lo hacen Command y CommandParameter. Un solo TActionList puede gobernar el menú, la barra de herramientas y los atajos de teclado del formulario.

  • Action enlaza un elemento a cualquier TBasicAction
  • El OnClick de un elemento se ejecuta en lugar de la acción
  • Se compila bajo SGC_NAVIGATION_ACTIONS
  • .NET: Command y CommandParameter con ICommand

Community: asigna el OnClick del elemento o el OnItemClick de la barra en lugar de una acción.

Leer el tema de la ayuda

Teclado, temas y salida

Los detalles que hacen que la barra se sienta nativa y coherente con el resto de tu aplicación.

Navegación pensada para el teclado

Teclado, temas y salida

Los usuarios avanzados cambian de página sin ratón, y las revisiones de accesibilidad lo esperan. La barra recibe el foco con Tab y mueve una fila enfocada sobre los elementos visibles y habilitados: Arriba y Abajo avanzan, Inicio y Fin saltan, Intro o Espacio activan. En el acordeón, Izquierda contrae un grupo y Derecha lo expande. El rectángulo de foco punteado solo aparece mientras se usa el teclado, y el foco queda separado de la página seleccionada. Las mismas teclas funcionan en la barra FireMonkey mediante CanFocus, así que los usuarios de escritorio obtienen el mismo comportamiento en todas las plataformas.

  • TabStop está activado por defecto en la barra VCL
  • FocusedIndex del modelo es la fila del teclado
  • SelectedIndex sigue siendo la página elegida
  • Las sugerencias muestran el título en el riel contraído
Leer el tema de la ayuda
Claro, oscuro y tu color de acento

Teclado, temas y salida

Claro, oscuro y tu color de acento

Un menú que ignora el tema de la aplicación parece añadido a la fuerza. Theme fija los colores de superficie, borde, texto, encabezado de grupo, hover y acento a partir de los tokens compartidos de sgcUICore, así que una barra y un sgcDashboard con el mismo Theme coinciden exactamente. AccentColor sustituye el acento por el color de tu marca en la barra de selección, el rectángulo de foco y las insignias. Una barra alojada en una tarjeta de dashboard sigue sola el tema del dashboard. Cambia el tema en tiempo de ejecución y la barra se repinta al instante, lista para un interruptor de modo oscuro en tu página de ajustes.

  • Theme: utDefault (predeterminado, sigue el tema de la aplicación), utLight o utDark
  • AccentColor como valor $AARRGGBB, 0 mantiene el acento del tema
  • Los mismos tokens que todos los productos sgcUI
  • Las tarjetas del dashboard transmiten su tema a la barra
Leer el tema de la ayuda
Renderiza la barra sin ventana

Teclado, temas y salida

Renderiza la barra sin ventana

La documentación, las pruebas visuales y los back ends web a veces necesitan una imagen del menú, no el menú en sí. El renderizador de sgcNavigation_Render pinta un TsgcNavigationModel sin ventana y sin VCL ni FireMonkey, así que un programa de consola, un servicio o un servidor produce la misma barra como PNG o SVG. La unidad compila en todas las plataformas, Linux64 incluido, y un parámetro de escala da imágenes nítidas para pantallas de alta densidad. Pasa tu lista de imágenes al renderizador y la imagen exportada muestra los mismos iconos que la aplicación en ejecución.

  • sgcNavigationSaveToPNG escribe un archivo o flujo PNG
  • sgcNavigationSaveToSVG escribe la misma barra como SVG
  • sgcNavigationRender pinta sobre cualquier lienzo de sgcUICore
  • Ancho y alto en píxeles lógicos, por la escala
Leer el tema de la ayuda
EN ACCIÓN

Mira sgcNavigation en acción

sgcNavigation dentro de las demos de la suite sgcUI: aplicaciones completas que funcionan sin conexión con datos simulados integrados.

La barra lateral del ERP agrupa diez módulos bajo seis encabezados.

La barra lateral del ERP agrupa diez módulos bajo seis encabezados.

Altamira ERP →
La estructura de la mesa de trading: un riel de iconos contraído junto a la mesa.

La estructura de la mesa de trading: un riel de iconos contraído junto a la mesa.

Altamira Markets →
La estructura de la sala de control en el tema claro.

La estructura de la sala de control en el tema claro.

Altamira Plant →
La barra lateral del PMO, con insignias en vivo de riesgos y personas sobrecargadas.

La barra lateral del PMO, con insignias en vivo de riesgos y personas sobrecargadas.

Altamira PMO →
Ver todas las demos de la suite
CASOS DE USO

Quién construye con sgcNavigation

Una estructura moderna para aplicaciones ERP y de administración

Tienes decenas de formularios y una ventana principal que aún los abre desde una barra de menús. Pon una barra lateral a la izquierda, un elemento por área, y deja que OnSelectionChange cambie las pestañas de un TPageControl con pestañas ocultas. Las insignias muestran pedidos pendientes o mensajes sin leer, y el riel de iconos devuelve el espacio a los formularios. Ejecuta SidebarApp para ver el patrón funcionando con una página de sgcDashboard.

  • Modo barra lateral
  • Insignias
  • Contracción a riel de iconos
Ejecuta la demo SidebarApp

Ajustes y consolas de administración

Las pantallas de configuración agrupan decenas de páginas bajo unos pocos encabezados como Sales, Inventory y Admin. El acordeón mantiene abierta una sección a la vez, o varias con AllowMultiExpand, y los enlaces de acción reutilizan los comandos y las reglas de habilitación de tu TActionList. Los usuarios de teclado se mueven por las secciones con las teclas de flecha. La demo Accordion muestra tres grupos, un interruptor de expansión y un registro de clics.

  • Modo acordeón
  • Enlaces de acción
  • Navegación con teclado
Ejecuta la demo Accordion

La misma navegación en todas las plataformas

Una aplicación FireMonkey que se ejecuta en Windows, macOS, iOS y Android no debería necesitar un menú distinto en cada una. TsgcFMXNavigationBar tiene los mismos elementos, modos y eventos que la barra VCL, y las barras .NET para WinForms, WPF y Avalonia siguen los mismos nombres. Los equipos que entregan una aplicación de escritorio en Delphi y una herramienta .NET mantienen un único modelo mental. SidebarFMX es la versión FireMonkey de la demo de barra lateral.

  • Barra FireMonkey
  • Temas
  • Barras .NET
Ejecuta la demo SidebarFMX
INICIO RÁPIDO

Una barra de navegación en pocas líneas

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

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
Descargar prueba
DEMOS

Ejecuta las demos de sgcNavigation

Las demos SidebarApp y Accordion se incluyen para VCL y C++ Builder, más una versión FireMonkey para Delphi, y en la edición .NET como proyectos WinForms, WPF y Avalonia.

SidebarApp

SidebarApp

Una barra lateral que gobierna un control de páginas con pestañas ocultas, con iconos, una insignia, un elemento deshabilitado, un botón Collapse, un combo de temas y una página KPI de sgcDashboard. Demuestra el patrón de estructura de aplicación de principio a fin.

Accordion

Solo registrada Accordion

Tres grupos, Sales, Inventory y Admin, un interruptor AllowMultiExpand, enlaces de acción y un registro de clics. Usa enlaces de acción, así que necesita la edición Registrada o de prueba.

SidebarFMX

La demo de barra lateral creada con TsgcFMXNavigationBar para FireMonkey, solo para Delphi. Los mismos elementos, modos y eventos que la versión VCL, lista para Windows, macOS y destinos móviles.

Demos compiladas

Ejecutables listos para usar de cada producto sgcUI, sin nada que instalar.

Descargar sgcUI_bin.zip →
EDICIONES

Dónde se incluye sgcNavigation

sgcNavigation está en todas las ediciones de sgcUI, empezando por Standard, y también se vende por separado. sgcNavigation también se incluye en el paquete All-Access.

Paquete individual de sgcNavigation

€149 / desarrollador, código fuente completo, 1 año de actualizaciones.

Comprar sgcNavigation → Ver precios →

sgcUI Standard

sgcNavigation, sgcGrid, sgcToolbar y sgcEditors, desde €380.

Ver Standard →

sgcUI Professional

Standard más sgcCharts, sgcDashboard y sgcGauges, desde €529.

Ver Professional →

sgcUI Enterprise

Los 14 productos sgcUI, desde €699.

Ver Enterprise →

La edición Community gratuita (esegece.sgcNavigation.Community en NuGet) incluye todo excepto los enlaces de acción de los elementos.

FunciónCommunity (gratuita)Registrada
Modos barra lateral y acordeón✓✓
Contracción a un riel de iconos animado✓✓
Iconos, glifos e insignias✓✓
Navegación con teclado✓✓
Temas claro y oscuro, color de acento✓✓
Salida PNG y SVG sin ventana✓✓
Enlaces de acción (Delphi) y Command (.NET)−✓
PLATAFORMAS

Frameworks y plataformas compatibles

Componentes de sgcNavigation

ComponenteDestino
TsgcVCLNavigationBarDelphi y C++ Builder, VCL (sgcNavigation_VCL)
TsgcFMXNavigationBarDelphi y C++ Builder, FireMonkey (sgcNavigation_FMX)
TsgcNavigationItem, TsgcNavigationItems, TsgcNavigationModelModelo independiente del marco (sgcNavigation_Model)
TsgcWinFormsNavigationBar.NET, WinForms
TsgcWpfNavigationBar.NET, WPF
TsgcAvaloniaNavigationBar.NET, Avalonia
DestinoComponentePlataformas
Delphi 7 a 13, VCLTsgcVCLNavigationBarWin32 y Win64
Delphi XE6 a 13, FireMonkeyTsgcFMXNavigationBarWindows, macOS, iOS, Android y Linux (FMXLinux)
C++ Builder 2007 a 13TsgcVCLNavigationBar, TsgcFMXNavigationBarCabeceras .hpp generadas y bibliotecas estáticas
Delphi 10.2 a 13, independiente del marcoModelo y renderizador PNG y SVG sin ventanaLinux64, por ejemplo para renderizar una barra en un servidor
.NET Framework 4.7.2, .NET 8, 9 y 10TsgcWinFormsNavigationBar, barras WPF y AvaloniaWinForms, WPF y Avalonia
PREGUNTAS FRECUENTES

Preguntas frecuentes

Ambos. La propiedad Mode alterna entre nbmSidebar y nbmAccordion en el mismo control, con los mismos elementos y eventos, así que puedes cambiar de idea al final del proyecto u ofrecer ambos estilos como preferencia del usuario. Cada modo también se pliega al riel de iconos contraído.

Sí. Gestiona OnSelectionChange y muestra la página que corresponde a SelectedIndex, por ejemplo la pestaña de un TPageControl con las pestañas ocultas, o crea un marco bajo demanda. La demo SidebarApp está construida exactamente así y aloja una página KPI de sgcDashboard.

Sí. TsgcFMXNavigationBar apunta a Windows, macOS, iOS, Android y Linux (FMXLinux) desde Delphi XE6, con los mismos elementos, modos y eventos que la barra VCL. Las listas de imágenes de FireMonkey requieren Delphi XE8 o posterior; las versiones anteriores usan el Glyph de cada elemento.

Solo los enlaces de acción de los elementos, que en .NET son las propiedades Command y CommandParameter. Usa en su lugar el OnClick del elemento o el OnItemClick de la barra. Todas las demás funciones, incluidos el riel de iconos, las insignias, los temas y la salida sin ventana, están en Community. Consulta Ediciones.

No. El port .NET no tiene verbos de diseñador ni editor de colecciones, así que los elementos no se serializan y se añaden desde código, normalmente en el constructor del formulario o de la ventana. En Delphi y C++ Builder la colección Items se edita en tiempo de diseño con el editor de colecciones estándar.

Sí. Todos los tamaños son píxeles lógicos multiplicados por la escala del monitor, así que las filas, los iconos y las insignias se ven nítidos con cualquier DPI. En WinForms los anchos y alturas se escalan con DPI / 96 como en VCL, y en WPF y Avalonia son unidades independientes del dispositivo.

Sí. sgcNavigationSaveToPNG y sgcNavigationSaveToSVG renderizan una barra a partir de su modelo sin ventana y sin VCL ni FireMonkey, también en Linux64 desde Delphi 10.2. Úsalo para documentación, pruebas de regresión visual o una página web que muestre el menú de tu aplicación.

DOCUMENTACIÓN

Ayuda de sgcNavigation

Delphi

Introducción, Inicio rápido VCL, Inicio rápido FireMonkey, TsgcVCLNavigationBar, Modo barra lateral, Modo acordeón, Contracción, Insignias, Temas, Ediciones, Plataformas.

C++ Builder

Introducción, Inicio rápido C++ Builder, TsgcVCLNavigationBar, Contracción, Demos.

.NET

Resumen de .NET, Inicio rápido WinForms, Inicio rápido WPF, Inicio rápido Avalonia, Diferencias con Delphi.

Manuales en PDF

Delphi, C++ Builder y .NET, que cubren todos los productos sgcUI.

3,000+Desarrolladores
20+Años
761+Componentes
30+Integraciones de API
5Plataformas
Garantía de devolución de 30 días¿No estás satisfecho? Solicita un reembolso completo en los 30 días posteriores a la compra. Ver política de reembolso

Prueba sgcNavigation hoy

La prueba de sgcUI incluye sgcNavigation y todos los demás productos sgcUI.

Descargar prueba Comprar sgcNavigation