sgcUI sgcDiagram ist ab sofort verfügbar

sgcDiagram. Zeichnen. Verbinden. Mit einem Aufruf ordnen.

Gib deinen Benutzern einen echten Diagrammeditor in deiner eigenen Anwendung. Sie ziehen Formen aus einer Palette, verbinden sie, tippen Text direkt ein und machen alles rückgängig. Du ordnest das ganze Diagramm mit einem Aufruf, speicherst es als JSON und exportierst es als PNG oder SVG, sogar auf einem Server ohne Fenster.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 bis 13
  • 14Formen für Flussdiagramme, Organigramme und Skizzen
  • 3Konnektorarten: gerade, orthogonal und geschwungen
  • 2automatische Layouts: gestaffelt und Baum
  • 5UI-Frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Alles, was ein Diagrammeditor braucht.

Benutzer, die ihre eigenen Abläufe zeichnen, Diagramme aus deinen Daten, Dateien, die deine Anwendung speichert, und Bilder, die sie weitergibt. sgcDiagram deckt das alles ab, auf jedem Framework.

  • Ein Editor in deiner App

    Palette, Formen, angedockte Konnektoren, Text direkt im Diagramm und Rückgängig, fertig für deine Benutzer.

  • Diagramme aus Daten

    Gestaffelte und Baum-Layouts sowie Datensatzanbindung machen aus deinen Datensätzen übersichtliche Diagramme.

  • Jedes UI-Framework

    VCL, FireMonkey, WinForms, WPF und Avalonia, mit denselben Klassennamen und einem JSON-Format.

  • Headless-Ausgabe

    PNG und SVG aus einem Konsolenprogramm, einem Dienst oder Linux64, ohne Fenster.

Sieh es laufen.

Aufgenommen aus den sgcDiagram-Demos, die mit der Testversion geliefert werden.

Ein Editor, den deine Benutzer bedienen können

Lass Benutzer ihre eigenen Diagramme zeichnen.

  • Setze ein TsgcVCLDiagramPalette und ein TsgcVCLDiagramView auf ein Formular und verknüpfe sie mit der Eigenschaft View .
  • Ein Doppelklick, F2 oder einfach Tippen bearbeitet den Text eines Knotens direkt im Diagramm.
  • Markiere mit Umschalt, Strg oder einem Gummiband, dann verschiebe, skaliere, drehe, gruppiere, kopiere und füge ein.
Derselbe Zweig mit geraden, orthogonalen und geschwungenen Konnektoren, mit Ja- und Nein-Beschriftungen
Konnektoren, die haften bleiben

Gerade, orthogonal und geschwungen, an ihre Knoten angedockt.

  • Kind ist dgcStraight, dgcOrthogonal oder dgcCurved, mit Pfeilspitzen und beliebig vielen Beschriftungen.
  • Jedes Konnektorende ist an einen benannten Port, an den Umriss des Knotens angedockt oder frei an einem Punkt gelassen.
  • Verschiebe, skaliere oder drehe einen Knoten, und seine Konnektoren folgen und werden neu geführt.
Ein aus einer Tabelle mit Mitarbeitern und ihren Vorgesetzten aufgebautes Organigramm
Diagramme, die sich selbst aufbauen

Organigramme und Flussdiagramme direkt aus deinen Daten.

  • TsgcDiagramDataBinding macht aus Zeilen Knoten und aus jedem Eltern-Schlüssel einen Konnektor.
  • TsgcDiagramLayeredLayout ordnet einen gerichteten Graphen in Ebenen mit wenigen Konnektorkreuzungen an.
  • TreeStyle auf dgoCompactLeaves gesetzt stapelt die Mitarbeiter einer Führungskraft in einer Spalte.
Ein Support-Ticket-Flussdiagramm als SVG exportiert, neben der JSON-Datei, in der es gespeichert wurde
Dateien und Export

Als JSON speichern, PNG und SVG exportieren, sogar auf einem Server.

  • Das JSON-Format ist auf jeder Plattform und in jeder Edition identisch, Delphi, C++ Builder und .NET.
  • SaveToPNG und SaveToSVG an der Ansicht, mit Skalierungsfaktor für scharfe Bilder.
  • TsgcDiagramRenderer schreibt PNG und SVG ohne Fenster, aus einem Konsolenprogramm, einem Dienst oder Linux64.

Ein Bestellablauf in wenigen Zeilen.

Erzeuge Formen und Konnektoren in einem Rückgängig-Schritt und ordne sie dann an. Dieselbe API in Delphi, C++ Builder und C#. Der Layout-Aufruf benötigt die Edition Registered oder Trial.

dotnet add package esegece.sgcDiagram.WinForms

C++ Builder- und C#-Versionen

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;

Teil von sgcUI.

Kaufe sgcDiagram einzeln oder erhalte ihn in sgcUI Enterprise, neben jedem anderen sgcUI-Produkt, das sich Theme und Laufzeit teilt. Jedes Produkt wird mit Quellcode geliefert.

Einzeln

sgcDiagram

Der Editor einzeln, mit vollem Quellcode und 1 Jahr Updates.

€249 / Entwickler
sgcDiagram-Preise

Standard

sgcGrid, sgcNavigation, sgcToolbar und sgcEditors.

€380 / Entwickler
Standard ansehen

Professional

Standard plus sgcCharts, sgcDashboard und sgcGauges.

€529 / Entwickler
Professional ansehen
Enthält sgcDiagram

Enterprise

Alle 15 sgcUI-Produkte.

€699 / Entwickler
Enterprise ansehen

Für .NET ist esegece.sgcDiagram.Community auf NuGet kostenlos. sgcDiagram ist auch im All-Access-Bundle.

sgcUI entdecken

Setze sgcDiagram noch heute in deiner eigenen Anwendung ein.

Lade die Testversion herunter und starte die Demos FlowchartEditor, OrgChart und NodeEditor, oder stöbere zuerst durch alle Funktionen.

Neues aus dem Blog

Alle Beiträge ansehen →

Du siehst gerade die Ansicht sgcDiagram von eSeGeCe.

Zeig mir eine andere Perspektive →
30 Tage Geld-zurück-GarantieNicht zufrieden? Fordere innerhalb von 30 Tagen nach dem Kauf eine vollständige Rückerstattung an. Rückerstattungsrichtlinie ansehen