sgcUI sgcDiagram 现已发布

sgcDiagram. 绘制,连接。 一次调用,整齐排布。

在您自己的应用程序中为用户提供真正的图表编辑器。他们从调色板拖出形状、连接形状、就地输入文字,并可撤销任何操作。您只需一次调用即可排布整个图表,将其保存为 JSON,并导出为 PNG 或 SVG,即使在没有窗口的服务器上也可以。

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 至 13
  • 14形状,用于流程图、组织架构图和草图
  • 3连接线类型:直线、正交线和曲线
  • 2自动布局:分层和树形
  • 5个界面框架:VCL、FireMonkey、WinForms、WPF、Avalonia

图表编辑器所需的一切。

用户自己绘制流程、由您的数据生成图表、应用程序保存的文件以及转发的图像。sgcDiagram 涵盖全部这些需求,适用于所有框架。

  • 应用内的编辑器

    调色板、形状、粘附连接线、就地文字和撤销,开箱即用。

  • 由数据生成图表

    分层和树形布局以及数据集绑定,把您的记录变成整齐的图表。

  • 所有 UI 框架

    VCL、FireMonkey、WinForms、WPF 和 Avalonia,类名相同,JSON 格式统一。

  • 无窗口输出

    在控制台程序、服务或 Linux64 中输出 PNG 和 SVG,无需窗口。

看它运行。

录制自试用版附带的 sgcDiagram 演示。

用户可以使用的编辑器

让用户绘制自己的图表。

  • 把 TsgcVCLDiagramPalette 和 TsgcVCLDiagramView 放到窗体上,并用 View 属性将它们关联。
  • 双击、按 F2 或直接键入,即可就地编辑节点文字。
  • 用 Shift、Ctrl 或橡皮筋框选,然后移动、调整大小、旋转、分组、复制和粘贴。
同一分支分别用直线、正交线和曲线连接线绘制,带有“是”和“否”标签
始终粘附的连接线

直线、正交线和曲线,粘附在节点上。

  • Kind 可为 dgcStraight、dgcOrthogonal 或 dgcCurved,带箭头和任意数量的标签。
  • 每个连接线端点都可粘附到命名端口、节点轮廓,或自由停在某个点上。
  • 移动、调整大小或旋转节点时,其连接线会跟随并重新布线。
由员工及其经理的表格生成的组织架构图
自动生成的图表

直接由您的数据生成组织架构图和流程图。

  • TsgcDiagramDataBinding 把数据行变成节点,把每个父键变成连接线。
  • TsgcDiagramLayeredLayout 把有向图分层排布,连接线交叉很少。
  • 将 TreeStyle 设为 dgoCompactLeaves,可把一位经理的下属堆叠在一列中。
导出为 SVG 的支持工单流程图,旁边是保存它的 JSON 文件
文件与导出

保存为 JSON,导出 PNG 和 SVG,服务器上也可以。

  • JSON 格式在每个平台和每个版本中都相同,包括 Delphi、C++ Builder 和 .NET。
  • 视图上的 SaveToPNG 和 SaveToSVG,可设置缩放系数以获得清晰图像。
  • TsgcDiagramRenderer 无需窗口即可写出 PNG 和 SVG,可用于控制台程序、服务或 Linux64。

几行代码实现订单流程。

在一个撤销步骤中创建形状和连接线,然后进行排布。Delphi、C++ Builder 和 C# 中的 API 相同。布局调用需要 Registered 或 Trial 版本。

dotnet add package esegece.sgcDiagram.WinForms

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

sgcUI 的一部分。

可单独购买 sgcDiagram,也可在 sgcUI Enterprise 中获得它,与共用其主题和运行时的所有产品一起使用。均附带源代码。

单独购买

sgcDiagram

单独的编辑器,包含完整源代码和 1 年更新。

€249 / 每位开发者
sgcDiagram 价格

Standard

sgcGrid、sgcNavigation、sgcToolbar 和 sgcEditors。

€380 / 每位开发者
查看 Standard

Professional

Standard 加上 sgcCharts、sgcDashboard 和 sgcGauges。

€529 / 每位开发者
查看 Professional
包含 sgcDiagram

Enterprise

全部 16 款 sgcUI 产品。

€699 / 每位开发者
查看 Enterprise

对于 .NET, esegece.sgcDiagram.Community 在 NuGet 上免费。sgcDiagram 也包含在 All-Access 套餐。

了解 sgcUI

今天就把 sgcDiagram 用到您自己的应用程序中。

下载试用版并运行 FlowchartEditor、OrgChart 和 NodeEditor 演示,或者先浏览所有功能。

博客最新动态

查看全部文章 →

您正在查看 eSeGeCe 的 sgcDiagram 视角。

换个角度看看 →
30 天退款保证不满意?可在购买后 30 天内申请全额退款。 查看退款政策