sgcUI sgcDiagram est disponible dès maintenant

sgcDiagram. Dessine-le. Relie-le. Range tout en un appel.

Offre à tes utilisateurs un vrai éditeur de diagrammes dans ta propre application. Ils glissent des formes depuis une palette, les connectent, saisissent le texte sur place et annulent n'importe quelle action. Tu organises tout le diagramme en un seul appel, tu l'enregistres en JSON et tu l'exportes en PNG ou SVG, même sur un serveur sans fenêtre.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 à 13
  • 14formes pour logigrammes, organigrammes et croquis
  • 3types de connecteurs : droit, orthogonal et courbe
  • 2mises en page automatiques : par couches et en arbre
  • 5frameworks d'interface : VCL, FireMonkey, WinForms, WPF, Avalonia

Tout ce qu'il faut à un éditeur de diagrammes.

Des utilisateurs qui dessinent leurs propres flux, des diagrammes construits à partir de tes données, des fichiers que ton application enregistre et des images qu'elle transmet. sgcDiagram couvre tout cela, sur tous les frameworks.

  • Un éditeur dans ton application

    Palette, formes, connecteurs collés, texte sur place et annulation, prêts pour tes utilisateurs.

  • Des diagrammes à partir de données

    Les mises en page par couches et en arbre et la liaison à un jeu de données transforment tes enregistrements en graphiques bien rangés.

  • Tous les frameworks d'interface

    VCL, FireMonkey, WinForms, WPF et Avalonia, avec les mêmes noms de classes et un seul format JSON.

  • Rendu sans interface

    PNG et SVG depuis un programme console, un service ou Linux64, sans fenêtre.

Regarde-la en action.

Enregistré à partir des démos sgcDiagram fournies avec l'essai.

Un éditeur que tes utilisateurs savent utiliser

Laisse tes utilisateurs dessiner leurs propres diagrammes.

  • Dépose un TsgcVCLDiagramPalette et une bande TsgcVCLDiagramView sur un formulaire et relie-les avec la propriété View.
  • Un double clic, F2 ou simplement la saisie modifie le texte d'un nœud sur place.
  • Sélectionne avec Maj, Ctrl ou un rectangle de sélection, puis déplace, redimensionne, fais pivoter, groupe, copie et colle.
La même branche dessinée avec des connecteurs droits, orthogonaux et courbes, avec des étiquettes Oui et Non
Des connecteurs qui restent en place

Droits, orthogonaux et courbes, collés à leurs nœuds.

  • Kind vaut dgcStraight, dgcOrthogonal ou dgcCurved, avec des pointes de flèche et un nombre quelconque d'étiquettes.
  • Chaque extrémité de connecteur est collée à un port nommé, au contour du nœud, ou laissée libre en un point.
  • Déplace, redimensionne ou fais pivoter un nœud et ses connecteurs suivent et sont tracés à nouveau.
Un organigramme construit à partir d'une table d'employés et de leurs responsables
Des diagrammes qui se construisent seuls

Des organigrammes et des logigrammes directement depuis tes données.

  • TsgcDiagramDataBinding transforme les lignes en nœuds et chaque clé parente en connecteur.
  • TsgcDiagramLayeredLayout organise un graphe orienté en couches avec peu de croisements de connecteurs.
  • TreeStyle défini sur dgoCompactLeaves empile les collaborateurs d'un responsable dans une seule colonne.
Un logigramme de ticket de support exporté en SVG à côté du fichier JSON où il a été enregistré
Fichiers et export

Enregistre en JSON, exporte en PNG et SVG, même sur un serveur.

  • Le format JSON est identique sur toutes les plateformes et dans toutes les éditions, Delphi, C++ Builder et .NET.
  • SaveToPNG et SaveToSVG sur la vue, avec un facteur d'échelle pour des images nettes.
  • TsgcDiagramRenderer écrit du PNG et du SVG sans fenêtre, depuis un programme console, un service ou Linux64.

Un flux de commande en quelques lignes.

Crée des formes et des connecteurs en une seule étape d'annulation, puis organise-les. La même API en Delphi, C++ Builder et C#. L'appel de mise en page nécessite l'édition Registered ou Trial.

dotnet add package esegece.sgcDiagram.WinForms

Versions C++ Builder et 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;

Fait partie de sgcUI.

Achète sgcDiagram seul, ou obtiens-le dans sgcUI Enterprise, aux côtés de tous les autres produits sgcUI qui partagent son thème et son runtime. Chacun est fourni avec le code source.

Seule

sgcDiagram

L'éditeur seul, code source complet et 1 an de mises à jour.

€249 / développeur
Tarifs de sgcDiagram

Standard

sgcGrid, sgcNavigation, sgcToolbar et sgcEditors.

€380 / développeur
Voir Standard

Professional

Standard plus sgcCharts, sgcDashboard et sgcGauges.

€529 / développeur
Voir Professional
Inclut sgcDiagram

Enterprise

Les 15 produits sgcUI.

€699 / développeur
Voir Enterprise

Pour .NET, esegece.sgcDiagram.Community sur NuGet est gratuit. sgcDiagram figure aussi dans le bundle All-Access.

Découvrir sgcUI

Mets sgcDiagram dans ta propre application dès aujourd'hui.

Télécharge l'essai et lance les démos FlowchartEditor, OrgChart et NodeEditor, ou parcours d'abord toutes les fonctionnalités.

Les derniers articles du blog

Voir tous les articles →

Tu vois la vue sgcDiagram d'eSeGeCe.

Montre-moi un autre angle →
Garantie satisfait ou remboursé de 30 joursPas satisfait ? Demandez un remboursement intégral dans les 30 jours suivant l'achat. Voir la politique de remboursement