sgcUI sgcDiagram is nu beschikbaar

sgcDiagram. Teken het. Verbind het. Opgeruimd in één aanroep.

Geef je gebruikers een echte diagrameditor in je eigen toepassing. Ze slepen vormen uit een palet, verbinden ze, typen tekst ter plaatse en maken alles ongedaan. Jij rangschikt het hele diagram met één aanroep, slaat het op als JSON en exporteert het naar PNG of SVG, zelfs op een server zonder venster.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 t/m 13
  • 14vormen voor stroomdiagrammen, organogrammen en schetsen
  • 3soorten connectoren: recht, orthogonaal en gebogen
  • 2automatische indelingen: gelaagd en boom
  • 5UI-frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Alles wat een diagrameditor nodig heeft.

Gebruikers die hun eigen stromen tekenen, diagrammen die uit jouw gegevens worden opgebouwd, bestanden die je toepassing opslaat en afbeeldingen die ze doorstuurt. sgcDiagram dekt dit allemaal, op elk framework.

  • Een editor in je app

    Palet, vormen, vastgekoppelde connectoren, tekst ter plaatse en ongedaan maken, klaar voor je gebruikers.

  • Diagrammen uit gegevens

    Gelaagde en boomindelingen en datasetkoppeling maken van je records overzichtelijke diagrammen.

  • Elk UI-framework

    VCL, FireMonkey, WinForms, WPF en Avalonia, met dezelfde klassenamen en één JSON-formaat.

  • Headless uitvoer

    PNG en SVG vanuit een consoleprogramma, een service of Linux64, zonder venster.

Zie het draaien.

Opgenomen uit de sgcDiagram-demo's die bij de proefversie zitten.

Een editor die je gebruikers kunnen gebruiken

Laat gebruikers hun eigen diagrammen tekenen.

  • Plaats een TsgcVCLDiagramPalette en een TsgcVCLDiagramView op een formulier en koppel ze met de View-eigenschap.
  • Dubbelklikken, F2 of gewoon typen bewerkt de tekst van een knooppunt ter plaatse.
  • Selecteer met Shift, Ctrl of een selectiekader, en verplaats, wijzig het formaat, roteer, groepeer, kopieer en plak daarna.
Dezelfde tak getekend met rechte, orthogonale en gebogen connectoren, met Ja- en Nee-labels
Connectoren die op hun plaats blijven

Recht, orthogonaal en gebogen, vastgekoppeld aan hun knooppunten.

  • Kind is dgcStraight, dgcOrthogonal of dgcCurved, met pijlpunten en een willekeurig aantal labels.
  • Elk connectoreinde is vastgekoppeld aan een benoemde poort, aan de omtrek van het knooppunt, of vrij gelaten op een punt.
  • Verplaats, wijzig het formaat van of roteer een knooppunt en zijn connectoren volgen en worden opnieuw gerouteerd.
Een organogram opgebouwd uit een tabel met medewerkers en hun managers
Diagrammen die zichzelf opbouwen

Organogrammen en stroomdiagrammen rechtstreeks uit je gegevens.

  • TsgcDiagramDataBinding maakt van rijen knooppunten en van elke bovenliggende sleutel een connector.
  • TsgcDiagramLayeredLayout rangschikt een gerichte graaf in lagen met weinig kruisende connectoren.
  • TreeStyle ingesteld op dgoCompactLeaves stapelt de medewerkers van een manager in één kolom.
Een stroomdiagram van een supportticket geëxporteerd als SVG naast het JSON-bestand waarin het is opgeslagen
Bestanden en export

Opslaan als JSON, PNG en SVG exporteren, zelfs op een server.

  • Het JSON-formaat is identiek op elk platform en in elke editie, Delphi, C++ Builder en .NET.
  • SaveToPNG en SaveToSVG op de weergave, met een schaalfactor voor scherpe afbeeldingen.
  • TsgcDiagramRenderer schrijft PNG en SVG zonder venster, vanuit een consoleprogramma, een service of Linux64.

Een bestelstroom in een paar regels.

Maak vormen en connectoren in één ongedaanmakingsstap en rangschik ze daarna. Dezelfde API in Delphi, C++ Builder en C#. De indelingsaanroep vereist de Registered- of Trial-editie.

dotnet add package esegece.sgcDiagram.WinForms

C++ Builder- en C#-versies

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;

Onderdeel van sgcUI.

Koop sgcDiagram los, of krijg het in sgcUI Enterprise, naast elk ander sgcUI-product dat zijn thema en runtime deelt. Elk wordt geleverd met broncode.

Los verkrijgbaar

sgcDiagram

De editor los, met volledige broncode en 1 jaar updates.

€249 / ontwikkelaar
Prijzen van sgcDiagram

Standard

sgcGrid, sgcNavigation, sgcToolbar en sgcEditors.

€380 / ontwikkelaar
Bekijk Standard

Professional

Standard plus sgcCharts, sgcDashboard en sgcGauges.

€529 / ontwikkelaar
Bekijk Professional
Bevat sgcDiagram

Enterprise

Alle 15 sgcUI-producten.

€699 / ontwikkelaar
Bekijk Enterprise

Voor .NET is esegece.sgcDiagram.Community op NuGet gratis. sgcDiagram zit ook in de All-Access-bundel.

Ontdek sgcUI

Zet sgcDiagram vandaag in je eigen toepassing.

Download de proefversie en draai de demo's FlowchartEditor, OrgChart en NodeEditor, of bekijk eerst alle functies.

Laatste blogberichten

Bekijk alle berichten →

Je bekijkt nu de sgcDiagram-weergave van eSeGeCe.

Toon me een andere invalshoek →
Niet-goed-geld-terug-garantie van 30 dagenNiet tevreden? Vraag binnen 30 dagen na aankoop een volledige terugbetaling aan. Bekijk het terugbetalingsbeleid