sgcUI O sgcDiagram já está disponível

sgcDiagram. Desenhe. Conecte. Organize em uma chamada.

Dê aos seus usuários um editor de diagramas de verdade dentro da sua própria aplicação. Eles arrastam formas de uma paleta, as conectam, digitam o texto no próprio local e desfazem qualquer ação. Você organiza o diagrama inteiro com uma chamada, salva em JSON e exporta para PNG ou SVG, até em um servidor sem janela.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 a 13
  • 14formas para fluxogramas, organogramas e esboços
  • 3tipos de conector: reto, ortogonal e curvo
  • 2layouts automáticos: em camadas e em árvore
  • 5frameworks de interface: VCL, FireMonkey, WinForms, WPF, Avalonia

Tudo o que um editor de diagramas precisa.

Usuários que desenham os próprios fluxos, diagramas montados a partir dos seus dados, arquivos que a sua aplicação guarda e imagens que ela repassa. O sgcDiagram cobre tudo isso, em todos os frameworks.

  • Um editor dentro da sua aplicação

    Paleta, formas, conectores colados, texto no próprio local e desfazer, prontos para os seus usuários.

  • Diagramas a partir de dados

    Layouts em camadas e em árvore e o vínculo com dataset transformam os seus registros em gráficos organizados.

  • Todos os frameworks de interface

    VCL, FireMonkey, WinForms, WPF e Avalonia, com os mesmos nomes de classe e um único formato JSON.

  • Saída headless

    PNG e SVG a partir de um programa de console, um serviço ou o Linux64, sem janela.

Veja funcionando.

Gravado a partir das demos do sgcDiagram que acompanham a avaliação.

Um editor que seus usuários sabem usar

Deixe os usuários desenharem os próprios diagramas.

  • Solte um TsgcVCLDiagramPalette e um TsgcVCLDiagramView em um formulário e ligue-os com a propriedade View.
  • Um clique duplo, F2 ou simplesmente digitar edita o texto de um nó no próprio local.
  • Selecione com Shift, Ctrl ou um retângulo de seleção e depois mova, redimensione, gire, agrupe, copie e cole.
O mesmo ramo desenhado com conectores retos, ortogonais e curvos, com rótulos Sim e Não
Conectores que ficam no lugar

Retos, ortogonais e curvos, colados aos seus nós.

  • Kind é dgcStraight, dgcOrthogonal ou dgcCurved, com pontas de seta e qualquer número de rótulos.
  • Cada extremidade do conector fica colada a uma porta nomeada, ao contorno do nó ou livre em um ponto.
  • Mova, redimensione ou gire um nó e os seus conectores o acompanham e são roteados de novo.
Um organograma montado a partir de uma tabela de funcionários e seus gerentes
Diagramas que se montam sozinhos

Organogramas e fluxogramas direto dos seus dados.

  • TsgcDiagramDataBinding transforma linhas em nós e cada chave pai em um conector.
  • TsgcDiagramLayeredLayout organiza um grafo direcionado em camadas com poucos cruzamentos de conectores.
  • TreeStyle definido como dgoCompactLeaves empilha a equipe de um gerente em uma única coluna.
Um fluxograma de chamado de suporte exportado como SVG, ao lado do arquivo JSON em que foi salvo
Arquivos e exportação

Salve em JSON, exporte PNG e SVG, até em um servidor.

  • O formato JSON é idêntico em todas as plataformas e em todas as edições, Delphi, C++ Builder e .NET.
  • SaveToPNG e SaveToSVG na visão, com um fator de escala para imagens nítidas.
  • TsgcDiagramRenderer grava PNG e SVG sem janela, a partir de um programa de console, um serviço ou o Linux64.

Um fluxo de pedido em poucas linhas.

Crie formas e conectores em um único passo de desfazer e depois organize-os. A mesma API em Delphi, C++ Builder e C#. A chamada de layout exige a edição Registered ou Trial.

dotnet add package esegece.sgcDiagram.WinForms

Versões para 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 do sgcUI.

Compre o sgcDiagram isolado ou tenha-o no sgcUI Enterprise, junto de todos os outros produtos do sgcUI que compartilham o seu tema e o seu runtime. Todos incluem o código-fonte.

Isolado

sgcDiagram

O editor isolado, com código-fonte completo e 1 ano de atualizações.

€249 / desenvolvedor
Preços do sgcDiagram

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / desenvolvedor
Ver o Standard

Professional

Standard mais sgcCharts, sgcDashboard e sgcGauges.

€529 / desenvolvedor
Ver o Professional
Inclui o sgcDiagram

Enterprise

Os 15 produtos do sgcUI.

€699 / desenvolvedor
Ver o Enterprise

Para .NET, o esegece.sgcDiagram.Community no NuGet é gratuito. O sgcDiagram também está no pacote All-Access.

Conhecer o sgcUI

Leve o sgcDiagram para a sua própria aplicação hoje mesmo.

Baixe a avaliação e execute as demos FlowchartEditor, OrgChart e NodeEditor, ou veja antes todos os recursos.

Últimas do blog

Ver todas as publicações →

Você está vendo a visão sgcDiagram da eSeGeCe.

Mostre outro ângulo →
Garantia de reembolso de 30 diasNão ficou satisfeito? Solicite o reembolso total em até 30 dias após a compra. Ver política de reembolso