sgcUI sgcDiagram ya está disponible

sgcDiagram. Dibújalo. Conéctalo. Ordénalo con una llamada.

Ofrece a tus usuarios un auténtico editor de diagramas dentro de tu propia aplicación. Arrastran formas desde una paleta, las conectan, escriben el texto in situ y deshacen cualquier cosa. Tú ordenas todo el diagrama con una llamada, lo guardas como JSON y lo exportas a PNG o SVG, incluso en un servidor sin ventana.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 a 13
  • 14formas para diagramas de flujo, organigramas y bocetos
  • 3tipos de conector: recto, ortogonal y curvo
  • 2disposiciones automáticas: por capas y en árbol
  • 5frameworks de interfaz: VCL, FireMonkey, WinForms, WPF, Avalonia

Todo lo que necesita un editor de diagramas.

Usuarios que dibujan sus propios flujos, diagramas construidos con tus datos, archivos que tu aplicación almacena e imágenes que envía. sgcDiagram lo cubre todo, en cada framework.

  • Un editor dentro de tu aplicación

    Paleta, formas, conectores pegados, texto in situ y deshacer, listo para tus usuarios.

  • Diagramas a partir de datos

    Las disposiciones por capas y en árbol y el enlace a datasets convierten tus registros en diagramas ordenados.

  • Todos los frameworks de interfaz

    VCL, FireMonkey, WinForms, WPF y Avalonia, con los mismos nombres de clase y un único formato JSON.

  • Salida sin ventana

    PNG y SVG desde un programa de consola, un servicio o Linux64, sin ventana.

Míralo en marcha.

Grabado de las demos de sgcDiagram que se incluyen con la prueba.

Un editor que tus usuarios pueden usar

Deja que los usuarios dibujen sus propios diagramas.

  • Suelta un TsgcVCLDiagramPalette y un TsgcVCLDiagramView en un formulario y enlázalos con la propiedad View .
  • Con un doble clic, F2 o simplemente escribiendo se edita el texto de un nodo in situ.
  • Selecciona con Mayús, Ctrl o un rectángulo de selección, y luego mueve, redimensiona, rota, agrupa, copia y pega.
La misma rama dibujada con conectores rectos, ortogonales y curvos, con etiquetas Sí y No
Conectores que se quedan en su sitio

Rectos, ortogonales y curvos, pegados a sus nodos.

  • Kind es dgcStraight, dgcOrthogonal o dgcCurved, con puntas de flecha y cualquier número de etiquetas.
  • Cada extremo de un conector está pegado a un puerto con nombre, al contorno del nodo, o queda libre en un punto.
  • Mueve, redimensiona o rota un nodo y sus conectores lo siguen y se enrutan de nuevo.
Un organigrama construido a partir de una tabla de empleados y sus responsables
Diagramas que se construyen solos

Organigramas y diagramas de flujo directamente desde tus datos.

  • TsgcDiagramDataBinding convierte las filas en nodos y cada clave padre en un conector.
  • TsgcDiagramLayeredLayout organiza un grafo dirigido en capas con pocos cruces de conectores.
  • TreeStyle establecido en dgoCompactLeaves apila al personal de un responsable en una sola columna.
Un diagrama de flujo de un ticket de soporte exportado como SVG junto al archivo JSON en el que se guardó
Archivos y exportación

Guarda como JSON, exporta PNG y SVG, incluso en un servidor.

  • El formato JSON es idéntico en todas las plataformas y en todas las ediciones, Delphi, C++ Builder y .NET.
  • SaveToPNG y SaveToSVG en la vista, con un factor de escala para imágenes nítidas.
  • TsgcDiagramRenderer escribe PNG y SVG sin ventana, desde un programa de consola, un servicio o Linux64.

Un flujo de pedidos en pocas líneas.

Crea formas y conectores en un solo paso de deshacer y luego organízalos. La misma API en Delphi, C++ Builder y C#. La llamada de disposición requiere la edición registrada o de prueba.

dotnet add package esegece.sgcDiagram.WinForms

Versiones para C++ Builder y C#

uses
  Forms, Controls,
  sgcUICore_Theme, sgcDiagram_Types, sgcDiagram_Model,
  sgcDiagram_Layout, sgcDiagram_VCL;

procedure BuildOrderFlow(aForm: TForm);
var
  oView: TsgcVCLDiagramView;
  oDoc: TsgcDiagramDocument;
  oStart, oStock, oPay: TsgcDiagramNode;
  oLayout: TsgcDiagramLayeredLayout;
begin
  oView := TsgcVCLDiagramView.Create(aForm);
  oView.Parent := aForm;
  oView.Align := alClient;
  oView.Theme := utDark;
  oDoc := oView.Diagram;
  oDoc.BeginTransaction('Order flow');
  try
    oStart := oDoc.AddNode(dgsTerminator, 0, 0, 140, 50, 'Order received');
    oStock := oDoc.AddNode(dgsDecision, 0, 0, 160, 90, 'In stock?');
    oPay := oDoc.AddNode(dgsProcess, 0, 0, 140, 60, 'Charge card');
    oDoc.AddConnector(oStart, oStock);
    oDoc.AddConnector(oStock, oPay).Labels.Add.Text := 'Yes';
  finally
    oDoc.EndTransaction;
  end;
  // arrange left to right, one undo step
  oLayout := TsgcDiagramLayeredLayout.Create(oDoc);
  try
    oLayout.Direction := dglLeftToRight;
    oLayout.Execute;
  finally
    oLayout.Free;
  end;
  oView.ZoomToFit;
end;

Forma parte de sgcUI.

Compra sgcDiagram por separado, o consíguelo en sgcUI Enterprise, junto a todos los demás productos sgcUI que comparten su tema y su runtime. Cada uno incluye código fuente.

Por separado

sgcDiagram

El editor por separado, con código fuente completo y 1 año de actualizaciones.

€249 / desarrollador
Precios de sgcDiagram

Standard

sgcGrid, sgcNavigation, sgcToolbar y sgcEditors.

€380 / desarrollador
Ver Standard

Professional

Standard más sgcCharts, sgcDashboard y sgcGauges.

€529 / desarrollador
Ver Professional
Incluye sgcDiagram

Enterprise

Los 15 productos sgcUI.

€699 / desarrollador
Ver Enterprise

Para .NET, esegece.sgcDiagram.Community en NuGet es gratuito. sgcDiagram también está en el paquete All-Access.

Descubrir sgcUI

Lleva sgcDiagram a tu propia aplicación hoy mismo.

Descarga la prueba y ejecuta las demos FlowchartEditor, OrgChart y NodeEditor, o repasa antes todas las funciones.

Lo último del blog

Ver todas las publicaciones →

Estás viendo la vista sgcDiagram de eSeGeCe.

Mostrar otro enfoque →
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