sgcUI sgcDiagram è disponibile ora

sgcDiagram. Disegnalo. Collegalo. Ordinalo con una chiamata.

Offri ai tuoi utenti un vero editor di diagrammi dentro la tua applicazione. Trascinano le forme da una palette, le collegano, scrivono il testo direttamente e annullano qualsiasi azione. Tu disponi l'intero diagramma con una sola chiamata, lo salvi come JSON e lo esporti in PNG o SVG, anche su un server senza finestra.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi da 7 a 13
  • 14forme per diagrammi di flusso, organigrammi e schizzi
  • 3tipi di connettore: diritto, ortogonale e curvo
  • 2layout automatici: a livelli e ad albero
  • 5framework UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Tutto ciò che serve a un editor di diagrammi.

Utenti che disegnano i propri flussi, diagrammi costruiti dai tuoi dati, file che la tua applicazione archivia e immagini che inoltra. sgcDiagram copre tutto, su ogni framework.

  • Un editor dentro la tua app

    Palette, forme, connettori agganciati, testo diretto e annulla, pronti per i tuoi utenti.

  • Diagrammi dai dati

    I layout a livelli e ad albero e il collegamento ai dataset trasformano i tuoi record in diagrammi ordinati.

  • Ogni framework UI

    VCL, FireMonkey, WinForms, WPF e Avalonia, con gli stessi nomi di classe e un unico formato JSON.

  • Output headless

    PNG e SVG da un programma console, un servizio o Linux64, senza finestra.

Guardalo in azione.

Registrato dalle demo di sgcDiagram incluse nel trial.

Un editor che i tuoi utenti sanno usare

Lascia che gli utenti disegnino i propri diagrammi.

  • Inserisci una TsgcVCLDiagramPalette e una TsgcVCLDiagramView su un form e collegale con la proprietà View.
  • Un doppio clic, F2 o semplicemente la digitazione modifica direttamente il testo di un nodo.
  • Seleziona con Maiusc, Ctrl o un rettangolo di selezione, poi sposta, ridimensiona, ruota, raggruppa, copia e incolla.
Lo stesso ramo disegnato con connettori diritti, ortogonali e curvi, con etichette Sì e No
Connettori che restano al loro posto

Diritti, ortogonali e curvi, agganciati ai loro nodi.

  • Kind is dgcStraight, dgcOrthogonal o dgcCurved, con punte di freccia e un numero qualsiasi di etichette.
  • Ogni estremità di un connettore è agganciata a una porta con nome, al contorno del nodo, oppure lasciata libera in un punto.
  • Sposta, ridimensiona o ruota un nodo e i suoi connettori lo seguono e vengono instradati di nuovo.
Un organigramma costruito da una tabella di dipendenti e dei loro responsabili
Diagrammi che si costruiscono da soli

Organigrammi e diagrammi di flusso direttamente dai tuoi dati.

  • TsgcDiagramDataBinding trasforma le righe in nodi e ogni chiave padre in un connettore.
  • TsgcDiagramLayeredLayout dispone un grafo orientato in livelli con pochi incroci di connettori.
  • TreeStyle impostato su dgoCompactLeaves impila i collaboratori di un responsabile in un'unica colonna.
Un diagramma di flusso di un ticket di supporto esportato come SVG accanto al file JSON in cui è stato salvato
File ed esportazione

Salva come JSON, esporta PNG e SVG, anche su un server.

  • Il formato JSON è identico su ogni piattaforma e in ogni edizione, Delphi, C++ Builder e .NET.
  • SaveToPNG e SaveToSVG sulla vista, con un fattore di scala per immagini nitide.
  • TsgcDiagramRenderer scrive PNG e SVG senza finestra, da un programma console, un servizio o Linux64.

Un flusso d'ordine in poche righe.

Crea forme e connettori in un unico passo di annullamento, poi disponili. La stessa API in Delphi, C++ Builder e C#. La chiamata di layout richiede l'edizione Registered o Trial.

dotnet add package esegece.sgcDiagram.WinForms

Versioni C++ Builder e 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;

Parte di sgcUI.

Acquista sgcDiagram da solo, oppure ottienilo in sgcUI Enterprise, insieme a ogni altro prodotto sgcUI che ne condivide tema e runtime. Ognuno include il codice sorgente.

Da solo

sgcDiagram

L'editor da solo, codice sorgente completo e 1 anno di aggiornamenti.

€249 / sviluppatore
Prezzi di sgcDiagram

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / sviluppatore
Vedi Standard

Professional

Standard più sgcCharts, sgcDashboard e sgcGauges.

€529 / sviluppatore
Vedi Professional
Include sgcDiagram

Enterprise

Tutti i 15 prodotti sgcUI.

€699 / sviluppatore
Vedi Enterprise

Per .NET, esegece.sgcDiagram.Community su NuGet è gratuito. sgcDiagram è incluso anche nel Bundle All-Access.

Scopri sgcUI

Porta sgcDiagram nella tua applicazione oggi stesso.

Scarica il trial ed esegui le demo FlowchartEditor, OrgChart e NodeEditor, oppure scopri prima tutte le funzionalità.

Le ultime dal blog

Vedi tutti gli articoli →

Stai vedendo la vista sgcDiagram di eSeGeCe.

Mostrami un altro punto di vista →
Garanzia soddisfatti o rimborsati di 30 giorniNon sei soddisfatto? Richiedi un rimborso completo entro 30 giorni dall'acquisto. Vedi la politica di rimborso