Crea un cuadro de mando de negocio sin código de diseño. Coloca mosaicos en una cuadrícula de 12 columnas, pon en cada uno una tarjeta KPI, un gráfico, un mapa o una vista previa de informe, cambia toda la pantalla a un tema oscuro con una propiedad y deja que los usuarios arrastren, redimensionen y guarden su propio diseño. Un lanzador de mosaicos da a la aplicación su pantalla de inicio de mosaicos agrupados.
Dieciocho funciones en ocho grupos, con los nombres reales de componentes y propiedades y un enlace a cada tema de ayuda. Las funciones marcadas como registradas no están en la compilación .NET Community gratuita.
Una cuadrícula que coloca los mosaicos por ti y tarjetas que muestran las cifras.
Diseño y contenido
Un cuadro de mando es una cuadrícula de mosaicos que debe mantenerse ordenada con cualquier tamaño de ventana y cualquier DPI. Coloca un cuadro de mando en el formulario, añade mosaicos y dale a cada uno una columna, una fila y una extensión. La cuadrícula calcula el ancho de las columnas a partir del ancho disponible, escala los espacios y las alturas de fila según el DPI del monitor y se desplaza verticalmente cuando los mosaicos necesitan más filas de las que caben. Los mosaicos que se solapan se empujan una fila cada vez, nunca unos encima de otros. Como el diseño vive en un único motor, las mismas celdas de mosaico dan la misma disposición en VCL, FireMonkey y las vistas .NET.
TsgcVCLDashboard con Columns (12 por defecto), RowHeight (120), Gap y Padding (12)TsgcVCLDashboardTile con Col, Row, ColSpan y RowSpanLayout.PlacedCell y Layout.Rect
Diseño y contenido
Cuando el contenido de un cuadro de mando depende del usuario o de los datos, no quieres calcular coordenadas. Deja la columna y la fila de un mosaico en -1 y el flujo automático lo coloca en el primer hueco libre, recorriendo las filas desde arriba y las columnas desde la izquierda. Fija solo la columna y el mosaico cae en la primera fila libre de esa columna. Mezcla mosaicos fijos y mosaicos con flujo en el mismo cuadro de mando.
AutoFlow está activado por defecto; un mosaico nuevo empieza con Col y Row en -1 y una extensión de 3 por 2TsgcDashboardLayout, maneja VCL, FireMonkey y .NET
Diseño y contenido
Un mosaico es un contenedor con una cabecera opcional, así que aloja lo que necesite tu pantalla: un gráfico, una cuadrícula, un mapa, un visor de PDF, una vista previa de informe o un simple memo. Asigna el mosaico como padre del control y alinéalo al área cliente. La demo Suite aloja sgcCharts, sgcMaps, sgcPDF y sgcReports en un solo cuadro de mando, todos siguiendo el tema del cuadro de mando. Un mosaico puede prescindir de la cabecera para un gráfico limpio a sangre o conservarla como barra de título. El cuadro de mando crece por filas y se desplaza verticalmente a medida que añades mosaicos.
Title y ShowHeader en cada mosaicoParentTheme permite que un mosaico siga al cuadro de mando o conserve su propio ThemeTsgcFMXDashboardTile en FireMonkey
Diseño y contenido
Todo cuadro de mando se abre con una fila de cifras que importan: ingresos, pedidos, bajas, tiempo de respuesta. Una tarjeta KPI muestra el valor en grande, un icono, una flecha de tendencia con su texto, una línea de pie y un pequeño minigráfico de los valores recientes, en un solo componente. Llama a AddValue según llegan nuevas cifras y el minigráfico se desplaza; MaxPoints decide cuánto historial conserva. AccentColor te permite colorear una tarjeta según lo que mide, y la tarjeta sigue el tema claro u oscuro del cuadro de mando en el que está.
TsgcVCLKPICard con Title, Value, Icon, FooterText y AccentColorTrend: ktUp, ktDown o ktNeutral, con el texto de TrendValueAddValue, ClearValues y MaxPoints para el minigráficoAddValue es seguro entre hilos, así que un hilo de trabajo puede alimentarloDiseño y contenido
Muchas aplicaciones se abren en una pantalla de inicio: un mosaico por módulo, agrupados por área, con un recuento de lo que espera dentro. El lanzador de mosaicos dibuja esa pantalla en un solo control. Los mosaicos tienen cuatro tamaños, pequeño, mediano, ancho y grande, y se empaquetan en grupos con título, de modo que un hueco que deja un mosaico grande lo rellenan los mosaicos pequeños que le siguen. Los grupos se colocan uno junto a otro con desplazamiento horizontal o se apilan con desplazamiento vertical, y todo el lanzador sigue el tema claro u oscuro.
TsgcVCLDashboardTileLauncher y TsgcFMXDashboardTileLauncher, y en .NET TsgcWinFormsDashboardTileLauncher, TsgcWpfDashboardTileLauncher y TsgcAvaloniaDashboardTileLauncherGroups y Tiles, con Caption, Subtitle, Size (dtsSmall, dtsMedium, dtsWide, dtsLarge), Color, ImageIndex y un Badge dibujado como una píldoraOrientation, CellSize, Spacing, GroupColumns y GroupSpacing definen la disposiciónOnTileClick con un clic, Intro o Espacio. Las teclas de flecha se mueven entre los mosaicos a través de los grupos, Inicio y Fin van al primer y al último mosaicoSaveToPNG renderiza el lanzador sin un formularioEl lanzador de mosaicos está en todas las ediciones, Community incluida.
Leer el tema de la ayudaMosaicos que se rellenan solos desde un único origen de datos y se filtran entre sí con un clic.
Mosaicos integrados
La mayoría de los paneles muestran las mismas filas de cinco maneras: los ingresos por región en un gráfico, el total en un indicador, los registros en una cuadrícula, una tabla dinámica por producto y los clientes en un mapa. Un mosaico integrado ya contiene el control. Asigna su origen de datos y sus columnas y él agrupa, suma y lista las filas por ti, sin código que mueva datos al control. Un mosaico integrado sigue siendo un mosaico, así que tiene cabecera, celda y tema, y los usuarios lo mueven, redimensionan, guardan y cargan como cualquier otro.
TsgcVCLDashboardChartTile, GaugeTile, GridTile, PivotTile y MapTile, con los mismos nombres para FireMonkeyDataSource y la View de solo lectura, agrupada y agregada para el mosaicoChart, Gauge, Grid, Pivot, Map), así que le das estilo como siempreCada mosaico necesita el producto sgcUI correspondiente: sgcCharts, sgcGauges, sgcGrid, sgcPivotGrid o sgcMaps, con su paquete puente. Los mosaicos están en todas las ediciones, Community incluida. En .NET los mosaicos de gráfico, indicador, cuadrícula, tabla dinámica y mapa existen para WinForms, WPF y Avalonia.
Leer el tema de la ayudaOrígenes de datos
Cuando las cifras salen de una sola consulta, todos los mosaicos deben mostrar las mismas filas. Un TsgcDashboardDataSource las guarda una sola vez y cualquier número de mosaicos lo lee, cada uno con su propia vista: un gráfico agrupa por una columna, un indicador suma una y una cuadrícula lista las filas. Rellénalo con tus propias filas, copia un conjunto de datos, o enlaza una tabla de sgcGrid o sgcPivotGrid y sigue sus cambios. Agrupa muchos cambios en una sola actualización y los mosaicos se refrescan una vez.
Columns, AppendRow, Clear, BeginUpdate y EndUpdateLoadFromDataSet copia un TDataSet; en .NET LoadFrom recibe un DataTableTable enlaza cualquier IsgcUITable, como una cuadrícula o una tabla dinámicaLos orígenes de datos son independientes del framework y forman parte de todas las ediciones.
Leer el tema de la ayudaFiltrado cruzado Solo registrada
Un director de ventas ve que Europa va por detrás y quiere los detalles. Con el filtrado cruzado, un clic en la barra de Europa filtra todos los demás mosaicos del mismo origen de datos: el indicador suma las filas europeas, la cuadrícula las lista, la tabla dinámica las muestra por producto y el mapa conserva solo sus marcadores. El gráfico donde se hizo clic mantiene todas sus barras. Una barra de filtros sobre la cuadrícula muestra un chip por condición y un chip Borrar todo, y un segundo clic en la misma barra quita el filtro.
ShowFilterBar, ClearFilters y OnFilterChanged en el panelCrossFilterSource y CrossFilterTarget por mosaico, y Filter en el origen de datos para el códigoLa barra de filtros nunca se imprime ni se exporta. El filtrado cruzado es de la edición registrada; la edición Community no lo incluye.
Leer el tema de la ayudaMenos columnas en una pantalla estrecha, y paneles que los propios usuarios construyen.
Disposición adaptable
Un panel diseñado para un monitor ancho se vuelve ilegible en una ventana estrecha o en un teléfono. Activa los puntos de ruptura y el panel elige una clase de tamaño según su ancho: ancho usa Columns, mediano y compacto usan menos columnas y sus propias celdas. Por defecto cada extensión se escala por ti, así que la mayoría de los paneles no necesitan configuración adicional, y un mosaico puede ocultarse en una sola clase, como un mapa grande en un teléfono.
Breakpoints.Enabled, CompactWidth (600), MediumWidth (1024), CompactColumns (4) y MediumColumns (8)CompactCell y MediumCell por mosaico, con Visible por claseActiveBreakpoint y OnBreakpointChangedLos puntos de ruptura están en todas las ediciones y desactivados por defecto. La edición Community no tiene SaveLayout, así que allí los puntos de ruptura funcionan pero no se guardan.
Diseñador en tiempo de ejecución Solo registrada
Cada departamento pide un panel ligeramente distinto. En lugar de entregar uno por petición, deja que los usuarios lo construyan. En modo de edición cada mosaico se mueve y se redimensiona, un clic lo selecciona, y el panel de diseño añade mosaicos integrados desde una paleta, edita las propiedades del mosaico seleccionado, lo elimina y deshace o rehace los últimos pasos. Guarda el resultado con SaveLayout y los mosaicos añadidos en tiempo de ejecución vuelven con su configuración y su origen de datos.
EditMode, SelectedTile, AddTile y RemoveTile en el panelUndo, Redo, CanUndo y CanRedo, 50 pasos; Ctrl+Z, Ctrl+Y y Supr en modo de ediciónTsgcVCLDashboardDesignPanel y TsgcFMXDashboardDesignPanel, con equivalentes en WinForms, WPF y AvaloniaOnTileAdded, OnTileRemoving y OnSelectionChangedEl diseñador en tiempo de ejecución es de la edición registrada; la edición Community no lo incluye.
Leer el tema de la ayudaUna barra de consulta de IA para todos los mosaicos, con los valores dentro de tu aplicación.
Pregunta al panel
Los usuarios no quieren buscar el mosaico que contiene la respuesta. Enlaza una barra de consulta de IA al enrutador del panel y un solo cuadro sirve a toda la pantalla. El enrutador elige el mosaico del que trata la pregunta, lo lleva a la vista y le da el foco, y reenvía la pregunta a su motor de cuadrícula o de tabla dinámica. Los mosaicos de gráfico, indicador y mapa también participan: un indicador y una tarjeta KPI responden en local con su título y su valor, y un mosaico de gráfico o de mapa se muestra y recibe el foco. En la edición registrada, una pregunta como «muestra las ventas de la región Oeste» también establece el filtro cruzado Region = West.
TsgcVCLDashboardAI y TsgcFMXDashboardAI; TsgcWinFormsDashboardAI, TsgcWpfDashboardAI y TsgcAvaloniaDashboardAI en .NETLastFilter y ApplyFilters para las respuestas con filtro; Undo quita el filtroPrivacidad: el proveedor ve la pregunta, los títulos y tipos de los mosaicos y los nombres de las columnas. Los valores de las tarjetas KPI, los valores de los indicadores y los valores de las columnas nunca salen de la aplicación, y un valor de filtro propuesto se comprueba en local con los datos. El enrutador está en todas las ediciones; las respuestas con filtro son de la edición registrada.
Leer el tema de la ayudaDeja que los usuarios organicen su propia página de inicio y la conserven, y aliméntala desde la red.
Diseños de usuario y datos en vivo Solo registrada
En una página de inicio compartida, cada usuario quiere otras cifras delante. Activa el arrastre y el usuario mueve un mosaico por su cabecera; activa el cambio de tamaño y un tirador en la esquina modifica su extensión. Mientras se mueve el ratón, la celda de destino se dibuja bajo los mosaicos y el mosaico se ajusta a la cuadrícula. Escape cancela. Los mosaicos que marques como bloqueados nunca se mueven. Combínalo con los diseños guardados de más abajo y cada usuario conserva la página de inicio que organizó, mientras tú sigues decidiendo qué mosaicos existen.
AllowDrag y AllowResize en el cuadro de mandoLocked en un mosaico lo mantiene en su sitioOnLayoutChanged se dispara tras cada arrastre o cambio de tamañoCommunity construye un diseño fijo desde código; arrastrar y redimensionar en tiempo de ejecución es de la edición registrada.
Leer el tema de la ayudaDiseños de usuario y datos en vivo Solo registrada
Un diseño que el usuario organizó debe volver tras un reinicio. Una llamada escribe las métricas de la cuadrícula y, para cada mosaico con nombre, su celda y su visibilidad como JSON compacto; otra lo aplica. Los mosaicos se emparejan por nombre, los nombres desconocidos se ignoran y los mosaicos que faltan en el texto conservan sus celdas, así que un diseño guardado antiguo se sigue cargando después de añadir un mosaico en una nueva versión. El JSON es pequeño y legible, así que puedes distribuir un diseño por defecto con la aplicación y ofrecer un botón de restablecer que lo vuelva a cargar.
SaveLayout y LoadLayout devuelven y aplican una cadena JSONSaveLayoutToFile, LoadLayoutFromFile, SaveLayoutToStream, LoadLayoutFromStreamDiseños de usuario y datos en vivo Solo registrada
Las pantallas de operaciones muestran valores que cambian cada segundo. El puente sgcDashboardWS lee un número de cada mensaje JSON de un cliente de sgcWebSockets y lo envía a una tarjeta, minigráfico incluido. La flecha de tendencia sigue sola al valor anterior. En Delphi 2010 y posteriores, las actualizaciones de texto se ejecutan en el hilo principal, así que el cliente puede usar cualquier modo de hilos. Los mensajes que no son JSON válido, o cuya ruta no es un número, se ignoran, de modo que una fuente con ruido nunca rompe la pantalla.
TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT (con Topic) y TsgcDashboardSource_SSEValuePath, por ejemplo data.items[0].value, ValueFormat con %.2f por defectoTitlePath y TrendValuePath copian más campos a la tarjetaOnValue tras cada actualizaciónEl puente necesita sgcWebSockets. En Community, alimenta las tarjetas desde código con Value y AddValue.
Leer el tema de la ayudaUn solo aspecto en toda la pantalla, las mismas tarjetas como imágenes, el mismo diseño en cada destino.
Temas, imágenes y plataformas
Una sala de control oscura y una oficina luminosa necesitan la misma pantalla con dos aspectos. Define el tema del cuadro de mando y llega a cada mosaico, a cada tarjeta KPI y a los controles sgcUI que contienen, de modo que gráficos, indicadores y cuadrículas cambian a la vez. El tipo de tema es el mismo que usa todo producto sgcUI, así que una aplicación entera puede seguir un único ajuste. Los mosaicos que deban destacar pueden conservar un tema propio mientras el resto del cuadro de mando sigue el global.
Theme := utDark o utLight en el cuadro de mandoParentTheme o conservan su propio ThemeTemas, imágenes y plataformas
Las cifras del cuadro de mando suelen hacer falta en otros sitios: en el correo del informe matinal, en una página de intranet o en un PDF. TsgcDashboardKPI renderiza la misma tarjeta sin ventana y sin VCL ni FireMonkey, así que un programa de consola, un servicio de Windows o un servidor Linux64 pueden producirla. El ancho y el alto son píxeles lógicos y un factor de escala da imágenes nítidas de alta densidad. Úsalo para informes programados: construye las tarjetas con las mismas consultas que usa tu cuadro de mando y adjunta las imágenes al mensaje.
SaveToPNG a un archivo o flujo, por ejemplo 320 por 160 con escala 2 para una imagen de 640 por 320SaveToSVG para una salida vectorial nítidaCard.KPI.SaveToPNG guarda lo que muestra una tarjeta en pantallaTemas, imágenes y plataformas
Escribe el cuadro de mando una vez y reutiliza el diseño. El cuadro de mando FireMonkey, los mosaicos y las tarjetas KPI funcionan en Windows, macOS, iOS y Android, y el port .NET ofrece las mismas clases para WinForms, WPF y Avalonia. Como un único motor de diseño calcula las celdas en todas partes, un diseño guardado significa lo mismo en cada destino. Las demos se distribuyen en el mismo conjunto para cada destino: Basic, LiveKPI, SaveLayout y Suite para Delphi y C++ Builder, además de versiones WinForms, WPF y Avalonia en .NET.
TsgcFMXDashboard, TsgcFMXDashboardTile, TsgcFMXKPICard, TsgcFMXDashboardTileLauncherTsgcWinFormsDashboard, TsgcWinFormsKPICard y sus gemelos WPF y AvaloniaLa vista previa muestra exactamente lo que reciben la impresora y el PDF.
Imprime, previsualiza y exporta a PDF
El panel se imprime en una página como una imagen de todo el tablero: todos los mosaicos que no están ocultos, también los que están fuera de la vista, dispuestos como en pantalla. Cada control sgcUI de un mosaico se dibuja con su propio renderizador, así que las tarjetas de KPI, los gráficos, los indicadores, las cuadrículas, las tablas dinámicas, las vistas del planificador y los diagramas se imprimen. Los demás controles de un mosaico, como un memo o una etiqueta, se dejan en blanco.
Print muestra el cuadro de diálogo de impresión o imprime directamente en la impresora predeterminada, y ShowPrintPreview abre una vista previa con navegación por páginas, zoom, configuración de página, impresión y exportación a PDFPrintSettings contiene el papel, la orientación, los márgenes, la escala y el texto del encabezado y del pie de página, y la impresora, la vista previa y el PDF lo usan todosExportToPDF escribe la página como una sola imagen etiquetada, a 192 ppp por defecto, con un texto alternativo que enumera los títulos de los mosaicos en orden de lecturaPDFALevel de TsgcUIPDFOptions añade PDF/A-2a o PDF/A-3a para archivo, solo o junto con PDF/UALa impresión y la vista previa están en todas las ediciones, también en la edición Community gratuita, en VCL, FireMonkey, WinForms, WPF y Avalonia. En FireMonkey, la impresión funciona en Windows y macOS, y la vista previa y la exportación a PDF en todas las plataformas. La exportación a PDF necesita el puente sgcUIPDF y un sgcPDF con licencia (el paquete NuGet esegece.sgcUICore.sgcPDF en .NET), por lo que no está en la edición Community.
UI Automation para lectores de pantalla, teclado y alto contraste, sin configuración.
Accesibilidad
sgcDashboard expone el panel y sus mosaicos a Microsoft UI Automation con sus títulos y su posición, el control alojado en cada mosaico y las tarjetas de KPI con título, valor, unidad y tendencia.
La accesibilidad está activada por defecto en todas las ediciones, también en la edición Community gratuita, en VCL en todas las versiones de Delphi y C++Builder desde Delphi 7 hasta Delphi 13, en FireMonkey en Windows, y en WinForms, WPF y Avalonia. En Delphi y C++Builder, AccessibleName y AccessibleDescription establecen el nombre y la descripción expuestos a UI Automation, y en .NET lo hacen el nombre accesible y el texto de ayuda estándar de cada framework. Consulta los informes de conformidad de accesibilidad (en inglés).
sgcDashboard dentro de las demos de la suite sgcUI: aplicaciones completas que funcionan sin conexión con datos simulados integrados.
Tarjetas de KPI con sparklines, mosaicos de alarma, un treemap y un indicador de VaR como mosaicos del panel.
Altamira Markets →
Tarjetas de OEE con sparklines, un contador de botellas y mosaicos de alarma alrededor del diagrama del proceso.
Altamira Plant →
El panel del ERP: tarjetas de KPI con sparklines, un gráfico de ingresos, indicadores y un mapa de clientes.
Altamira ERP →
Tarjetas de KPI de la cartera con sparklines, indicadores de salud y gráficos en una sola página.
Altamira PMO →
La página de inicio de un ERP muestra ingresos, pedidos abiertos, facturas vencidas y bajas como tarjetas KPI con flechas de tendencia, un gráfico de ventas y una cuadrícula de mejores clientes en los mosaicos de debajo. Cada noche un servicio renderiza las mismas tarjetas como PNG para el correo de dirección, con las mismas cifras y colores que en pantalla.
Una pantalla mural en una planta muestra el rendimiento de la línea, las temperaturas y el número de alarmas. Las fuentes MQTT envían cada lectura a su tarjeta según llega, los minigráficos muestran los últimos minutos y un tema oscuro mantiene la sala tranquila por la noche. Los indicadores y gráficos de los mosaicos vecinos siguen el mismo tema.
En un cliente de escritorio usado por muchos roles, cada usuario arrastra arriba los mosaicos que le importan, redimensiona el gráfico que más vigila y oculta el resto. El diseño se guarda como JSON por usuario y se restaura en el siguiente inicio de sesión, y los mosaicos nuevos añadidos en una actualización simplemente fluyen hacia el espacio libre.
La misma API en Delphi, C++ Builder y C#: mosaicos en la cuadrícula, una tarjeta KPI con un minigráfico en cada uno, un tema oscuro y un diseño guardado. Arrastrar y los archivos de diseño necesitan la edición registrada.
Mosaicos en la cuadrícula de 12 columnas con una tarjeta KPI en cada uno, un tema oscuro y el diseño guardado en un archivo. Arrastrar y los archivos de diseño necesitan la edición registrada.
uses
SysUtils, Controls, sgcUICore_Theme, sgcDashboard_KPI, sgcDashboard_VCL, sgcDashboard_KPI_VCL;
procedure AddKPI(aDash: TsgcVCLDashboard; const aName, aTitle, aValue,
aChange: string; aCol: Integer; aTrend: TsgcDashboardKPITrend);
var
oTile: TsgcVCLDashboardTile;
oCard: TsgcVCLKPICard;
begin
oTile := TsgcVCLDashboardTile.Create(aDash.Owner);
oTile.Name := aName;
oTile.Parent := aDash;
oTile.Col := aCol;
oTile.ColSpan := 4;
oTile.Title := aTitle;
oCard := TsgcVCLKPICard.Create(aDash.Owner);
oCard.Parent := oTile;
oCard.Align := alClient;
oCard.Value := aValue;
oCard.Trend := aTrend;
oCard.TrendValue := aChange;
oCard.AddValue(47);
oCard.AddValue(52);
end;
procedure BuildDashboard(aOwner: TWinControl);
var
oDash: TsgcVCLDashboard;
begin
oDash := TsgcVCLDashboard.Create(aOwner);
oDash.Parent := aOwner;
oDash.Align := alClient;
// drag, resize and layout files need the Registered edition
oDash.AllowDrag := True;
AddKPI(oDash, 'tileRevenue', 'Revenue', '12,480 USD', '+4.2 %', 0, ktUp);
AddKPI(oDash, 'tileOrders', 'Orders', '1,284', '+8.1 %', 4, ktUp);
oDash.Theme := utDark;
if FileExists('layout.json') then
oDash.LoadLayoutFromFile('layout.json');
oDash.SaveLayoutToFile('layout.json');
end;El mismo cuadro de mando en C++ Builder con las cabeceras generadas.
#include <vcl.h>
#include "sgcUICore_Theme.hpp"
#include "sgcDashboard_KPI.hpp"
#include "sgcDashboard_VCL.hpp"
#include "sgcDashboard_KPI_VCL.hpp"
void AddKPI(TsgcVCLDashboard *aDash, const String aName, const String aTitle,
const String aValue, const String aChange, int aCol,
TsgcDashboardKPITrend aTrend)
{
TsgcVCLDashboardTile *oTile = new TsgcVCLDashboardTile(aDash->Owner);
oTile->Name = aName;
oTile->Parent = aDash;
oTile->Col = aCol;
oTile->ColSpan = 4;
oTile->Title = aTitle;
TsgcVCLKPICard *oCard = new TsgcVCLKPICard(aDash->Owner);
oCard->Parent = oTile;
oCard->Align = alClient;
oCard->Value = aValue;
oCard->Trend = aTrend;
oCard->TrendValue = aChange;
oCard->AddValue(47);
oCard->AddValue(52);
}
void BuildDashboard(TWinControl *aOwner)
{
TsgcVCLDashboard *oDash = new TsgcVCLDashboard(aOwner);
oDash->Parent = aOwner;
oDash->Align = alClient;
// drag, resize and layout files need the Registered edition
oDash->AllowDrag = true;
AddKPI(oDash, "tileRevenue", "Revenue", "12,480 USD", "+4.2 %", 0, ktUp);
AddKPI(oDash, "tileOrders", "Orders", "1,284", "+8.1 %", 4, ktUp);
oDash->Theme = utDark;
if (FileExists("layout.json"))
oDash->LoadLayoutFromFile("layout.json");
oDash->SaveLayoutToFile("layout.json");
}La versión WinForms en C#, con los mismos nombres de clase que en Delphi.
using System.Windows.Forms;
using esegece.sgcDashboard;
using esegece.sgcUICore;
public static class KpiDashboard
{
// One KPI tile with a sparkline, placed on the dashboard grid.
static void AddKPI(TsgcWinFormsDashboard aDash, string aName, string aTitle,
string aValue, string aChange, int aCol, TsgcDashboardKPITrend aTrend)
{
var oTile = new TsgcWinFormsDashboardTile();
oTile.Name = aName;
oTile.Title = aTitle;
oTile.Col = aCol;
oTile.ColSpan = 4;
var oCard = new TsgcWinFormsKPICard();
oCard.Dock = DockStyle.Fill;
oCard.Value = aValue;
oCard.Trend = aTrend;
oCard.TrendValue = aChange;
oCard.AddValue(47);
oCard.AddValue(52);
oTile.Controls.Add(oCard);
aDash.Controls.Add(oTile);
}
public static void Build(Form aForm)
{
var oDash = new TsgcWinFormsDashboard();
oDash.Dock = DockStyle.Fill;
oDash.Theme = TsgcUITheme.utDark;
oDash.AllowDrag = true; // drag and layout files: Registered edition
AddKPI(oDash, "tileRevenue", "Revenue", "12,480 USD", "+4.2 %", 0, TsgcDashboardKPITrend.ktUp);
AddKPI(oDash, "tileOrders", "Orders", "1,284", "+8.1 %", 4, TsgcDashboardKPITrend.ktUp);
AddKPI(oDash, "tileChurn", "Churn", "2.4 %", "-0.3 %", 8, TsgcDashboardKPITrend.ktDown);
aForm.Controls.Add(oDash);
if (System.IO.File.Exists("layout.json"))
oDash.LoadLayoutFromFile("layout.json");
oDash.SaveLayoutToFile("layout.json");
}
}dotnet add package esegece.sgcDashboard.WinFormsSeis demos para Delphi y C++ Builder y diez para .NET, todas en la descarga de demos compiladas.
Seis mosaicos y cuatro tarjetas KPI en la cuadrícula de 12 columnas, con un registro y una lista en los otros mosaicos. La forma más rápida de ver el motor de diseño y el cambio de tema.
Tarjetas KPI alimentadas por el puente sgcDashboardWS, con valores que cambian y minigráficos que crecen según llegan los mensajes. Necesita sgcWebSockets.
Arrastra los mosaicos por su cabecera, redimensiónalos con el tirador, guarda el diseño en JSON, reinicia la demo y verás cómo se restaura.
Un gráfico, un mapa, un visor de PDF, una vista previa de informe y tarjetas KPI de otros productos sgcUI en un único cuadro de mando con tema.
Un solo origen de datos con 204 filas de ventas alimenta mosaicos de gráfico, indicador, cuadrícula, tabla dinámica y mapa. Haz clic en una barra de región, una celda de la cuadrícula, una fila de la tabla dinámica o un marcador del mapa y los demás mosaicos siguen el filtro (registrada); estrecha la ventana y los mosaicos se reordenan. Delphi VCL y C++ Builder, más SalesExplorer (WinForms) y SalesExplorerWpf en .NET. Necesita sgcCharts, sgcGauges, sgcGrid, sgcPivotGrid y sgcMaps.
El diseñador en tiempo de ejecución: añade mosaicos integrados desde la paleta del panel de diseño, muévelos y redimensiónalos en modo de edición, edita sus propiedades, elimínalos, deshaz y rehaz, y guarda el panel como JSON. Delphi VCL y C++ Builder, más DashboardDesigner (WinForms) y DashboardDesignerWpf en .NET.
Una pantalla de inicio con tres grupos y mosaicos de todos los tamaños, subtítulos, insignias y un mosaico deshabilitado. La línea de estado muestra el mosaico pulsado con el ratón, Intro o Espacio, y dos combos cambian la orientación y el tema. TileLauncherFMX hace lo mismo en FireMonkey.
Basic, BasicWpf, BasicAvalonia, LiveKPI, SaveLayout, Suite, SalesExplorer, SalesExplorerWpf, DashboardDesigner, DashboardDesignerWpf, TileLauncher, TileLauncherWpf y TileLauncherAvalonia para WinForms, WPF y Avalonia.
Ejecutables listos para usar de cada producto sgcUI, sin nada que instalar.
Descargar sgcUI_bin.zip →Cinco demos QuickStart para Delphi (VCL) se incluyen en Demos\Dashboard\Delphi\00.QuickStart. La guía en PDF las recorre paso a paso: un primer cuadro de mando con tarjetas KPI, la cuadrícula de mosaicos de 12 columnas, datos en vivo, temas y un cuadro de mando de ventas con un mosaico de gráfico.
sgcDashboard está en sgcUI Professional y Enterprise, y también se vende por separado. sgcDashboard se incluye además en el paquete All-Access.
€199 / desarrollador, código fuente completo, 1 año de actualizaciones.
Comprar sgcDashboard → Ver precios →La edición Community gratuita (esegece.sgcDashboard.Community en NuGet) incluye la cuadrícula, los mosaicos, las tarjetas KPI con minigráficos, PNG y SVG sin ventana, los temas, los orígenes de datos, los mosaicos integrados, los puntos de ruptura adaptables y el enrutamiento de IA a todos los mosaicos. No incluye arrastrar y redimensionar en tiempo de ejecución, SaveLayout y LoadLayout (así que los diseños no se guardan), el filtrado cruzado, el diseñador en tiempo de ejecución, las respuestas con filtro de Pregunta al panel ni el puente sgcDashboardWS. Cada mosaico integrado necesita el producto sgcUI correspondiente y su paquete puente en todas las ediciones.
| Función | Community (gratuita) | Registrada |
|---|---|---|
| Cuadrícula de mosaicos con extensiones y flujo automático | ✓ | ✓ |
| Tarjetas KPI con tendencia y minigráfico | ✓ | ✓ |
| Temas claro y oscuro | ✓ | ✓ |
| Tarjetas KPI sin ventana como PNG y SVG | ✓ | ✓ |
| Lanzador de mosaicos con mosaicos agrupados, insignias y navegación por teclado | ✓ | ✓ |
| Mosaicos integrados de gráfico, indicador, cuadrícula, tabla dinámica y mapa (cada uno necesita su producto sgcUI) | ✓ | ✓ |
| Orígenes de datos compartidos por varios mosaicos | ✓ | ✓ |
| Puntos de ruptura adaptables | ✓ (no se guarda) | ✓ |
| Enrutamiento de Pregunta al panel a todos los mosaicos | ✓ | ✓ |
| Filtrado cruzado con la barra de filtros | − | ✓ |
| Diseñador en tiempo de ejecución con panel de diseño y deshacer | − | ✓ |
| Respuestas con filtro de Pregunta al panel | − | ✓ |
| Arrastrar y redimensionar mosaicos en tiempo de ejecución | − | ✓ |
| SaveLayout y LoadLayout | − | ✓ |
| Fuentes en vivo de sgcDashboardWS (WebSocket, MQTT, SSE) | − | ✓ |
| Componente | Qué es |
|---|---|
| TsgcVCLDashboard, TsgcFMXDashboard | El contenedor de cuadrícula para VCL y FireMonkey. |
| TsgcVCLDashboardTile, TsgcFMXDashboardTile | Un mosaico con título que aloja cualquier control. |
| TsgcVCLKPICard, TsgcFMXKPICard | Una tarjeta KPI con tendencia, pie y minigráfico. |
| TsgcDashboardKPI | La tarjeta KPI sin ventana e independiente del framework, con exportación PNG y SVG. |
| TsgcVCLDashboardTileLauncher, TsgcFMXDashboardTileLauncher | Una pantalla de inicio de mosaicos de cuatro tamaños en grupos con título, con insignias, desplazamiento y navegación por teclado. |
| TsgcDashboardTileLauncher | El modelo y el renderizador del lanzador de mosaicos, independientes del framework, con exportación PNG sin interfaz. |
| TsgcDashboardDataSource | El origen de datos independiente del framework que alimenta los mosaicos integrados. |
| TsgcVCLDashboardChartTile, GaugeTile, GridTile, PivotTile, MapTile | Mosaicos integrados con un control de sgcCharts, sgcGauges, sgcGrid, sgcPivotGrid o sgcMaps, en un paquete puente por producto, con versiones FireMonkey incluidas. |
| TsgcVCLDashboardDesignPanel, TsgcFMXDashboardDesignPanel | El panel del diseñador en tiempo de ejecución (solo registrada). |
| TsgcDashboardLayout | El motor de diseño, disponible también en Linux64. |
| TsgcDashboardSource_WebSocket, _MQTT, _SSE | Fuentes KPI en vivo del puente sgcDashboardWS (solo edición registrada). |
| Destino | Componente | Plataformas |
|---|---|---|
| Delphi 7 a 13, VCL | TsgcVCLDashboard | Win32 y Win64 |
| Delphi XE6 a 13, FireMonkey | TsgcFMXDashboard | Windows, macOS, iOS y Android |
| C++ Builder 2007 a 13 | TsgcVCLDashboard, TsgcFMXDashboard | Cabeceras .hpp generadas y bibliotecas estáticas |
| Delphi 10.2 a 13, independiente del framework | TsgcDashboardLayout, TsgcDashboardKPI | Linux64, motor de diseño y tarjetas KPI sin ventana |
| .NET Framework 4.7.2, .NET 8, 9 y 10 | TsgcWinFormsDashboard, equivalentes WPF y Avalonia | WinForms, WPF y Avalonia |
Sí, en la edición registrada. AllowDrag y AllowResize permiten a los usuarios mover los mosaicos por la cabecera y redimensionarlos con un tirador, y SaveLayoutToFile o SaveLayout guardan el resultado como JSON. LoadLayout lo restaura por nombre de mosaico, así que los diseños sobreviven a las nuevas versiones de tu aplicación.
Cualquiera. Un mosaico es un contenedor: asigna el mosaico como padre del control y alinéalo al área cliente. La demo Suite aloja un gráfico, un mapa, un visor de PDF y una vista previa de informe, y los controles sgcUI en un mosaico siguen el tema del cuadro de mando.
Sí. Cada mosaico integrado necesita su producto y su paquete puente: el mosaico de gráfico necesita sgcCharts, el de indicador sgcGauges, el de cuadrícula sgcGrid, el de tabla dinámica sgcPivotGrid y el de mapa sgcMaps. El núcleo del panel nunca usa una unidad de producto, porque sgcDashboard también se vende por separado. sgcUI Enterprise incluye todos. En .NET todos los mosaicos, el de mapa incluido, están disponibles para WinForms, WPF y Avalonia. Consulta Tiles integrados.
Sí, en la edición registrada. Activa EditMode y acopla un panel de diseño junto al panel: los usuarios añaden mosaicos integrados desde una paleta, los mueven, redimensionan y eliminan, editan sus propiedades y deshacen o rehacen cada paso. SaveLayout guarda el resultado, incluidos los mosaicos añadidos en tiempo de ejecución, y LoadLayout los crea de nuevo. La demo Designer muestra todo el flujo. Consulta Diseñador en tiempo de ejecución.
Desde código, asigna Value y llama a AddValue, que es seguro entre hilos. Con la edición registrada y sgcWebSockets, las fuentes sgcDashboardWS leen un número de cada mensaje WebSocket, MQTT o SSE mediante ValuePath y actualizan la tarjeta y su tendencia por ti.
Los paneles y mosaicos, la disposición en cuadrícula con flujo automático, las tarjetas KPI con minigráficos, PNG y SVG sin ventana, los temas, los orígenes de datos, los mosaicos integrados, los puntos de ruptura adaptables y el enrutamiento de IA. No incluye arrastrar y redimensionar en tiempo de ejecución, SaveLayout y LoadLayout, el filtrado cruzado, el diseñador en tiempo de ejecución, las respuestas con filtro del enrutador de IA ni el puente sgcDashboardWS. Consulta Ediciones.
Sí. TsgcFMXDashboard, sus mosaicos y las tarjetas KPI funcionan en FireMonkey desde Delphi XE6 en Windows, macOS, iOS y Android, con el mismo motor de diseño que el cuadro de mando VCL. Los tamaños son independientes del dispositivo y siguen la escala del formulario.
Sí. TsgcDashboardKPI dibuja una tarjeta sin ventana y sin VCL ni FireMonkey, y escribe PNG o SVG en un archivo o flujo. Se compila en todas las plataformas, Linux64 incluido, así que un servicio o un servidor web pueden producir las imágenes.
Sí. Todos los tamaños son píxeles independientes del dispositivo. El cuadro de mando VCL los escala por el PPI del monitor dividido entre 96 y el cuadro de mando FireMonkey por la escala del formulario, así que los mosaicos, los espacios y las alturas de fila mantienen sus proporciones en cualquier monitor.
Introducción, Inicio rápido VCL, Plataformas, Ediciones, Cuadro de mando, Tarjeta KPI, Diseño, Persistencia, Datos en vivo, Mosaicos integrados, Orígenes de datos, Filtrado cruzado, Disposición adaptable, Diseñador en tiempo de ejecución.
Introducción, Inicio rápido C++ Builder, Plataformas, Diseño, Datos en vivo, Mosaicos integrados, Orígenes de datos, Filtrado cruzado, Disposición adaptable, Diseñador en tiempo de ejecución.
Introducción, Plataformas, Ediciones, Diseño, Datos en vivo, Mosaicos integrados, Orígenes de datos, Filtrado cruzado, Disposición adaptable, Diseñador en tiempo de ejecución.
Delphi, C++ Builder y .NET, que cubren todos los productos sgcUI.
Coloca gráficos de tendencia en mosaicos de cuadro de mando junto a las tarjetas KPI; ambos siguen el mismo tema.
Explorar sgcCharts →
Los indicadores hacen mosaicos claros para valores actuales; la demo DashboardGauges muestra seis.
Explorar sgcGauges →
Una cuadrícula en vivo en un mosaico lista los registros que hay detrás de las cifras de las tarjetas.
Explorar sgcGrid →Alimenta las tarjetas KPI desde WebSocket, MQTT o SSE con el puente sgcDashboardWS.
Explorar sgcWebSockets →