syncfusion-winforms-diagram
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseImplementing Syncfusion Windows Forms Diagram
实现Syncfusion Windows Forms Diagram
Essential Diagram is an extensible and high-performance .NET diagramming framework for Windows Forms applications. It enables you to develop Microsoft Visio-like interactive graphics and diagramming applications with support for both vector and raster graphics.
Essential Diagram是一款可扩展、高性能的面向Windows Forms应用的.NET图表框架。它支持矢量和光栅图形,可帮你开发类似Microsoft Visio的交互式图形和图表应用。
When to Use This Skill
何时使用本技能
Use this skill when you need to:
- Create interactive diagrams - Build flowcharts, organizational charts, network diagrams, or any node-based visualizations
- Implement diagram editors - Develop Visio-like applications with drag-and-drop, symbol palettes, and drawing tools
- Connect shapes visually - Link nodes with various connector types (orthogonal, bezier, directed lines)
- Design custom diagramming tools - Create domain-specific diagram applications with custom shapes and symbols
- Build visual modeling software - Implement UML diagrams, ER diagrams, mind maps, or workflow designers
- Add diagramming capabilities - Integrate diagram controls into existing Windows Forms applications
- Manage complex layouts - Use automatic layout algorithms for hierarchical, radial, or organizational layouts
当你需要完成以下场景时可使用本技能:
- 创建交互式图表 - 构建流程图、组织结构图、网络图或任意基于节点的可视化内容
- 实现图表编辑器 - 开发具备拖拽、符号面板、绘图工具的类似Visio的应用
- 可视化连接图形 - 用多种连接器类型(正交线、贝塞尔曲线、定向线)连接节点
- 设计自定义图表工具 - 基于自定义形状和符号创建特定领域的图表应用
- 构建可视化建模软件 - 实现UML图、ER图、思维导图或工作流设计器
- 添加图表能力 - 将图表控件集成到现有Windows Forms应用中
- 管理复杂布局 - 使用自动布局算法实现层级、放射状或组织结构布局
Component Overview
组件概述
Essential Diagram provides a comprehensive Model-View-Controller architecture with the following components:
Core Controls:
- Diagram - Main canvas for rendering and manipulating 2D shapes, text, images, and controls
- Overview - Perspective view with dynamic pan/zoom viewport
- PaletteGroupBar/PaletteGroupView - Symbol palette management for drag-and-drop
- PropertyEditor - Property inspection and editing for diagram objects
- DocumentExplorer - Tree view of diagram objects and layers
Key Features:
- 15+ interactive drawing tools (Rectangle, Line, Bezier, Polygon, Text, etc.)
- 7+ connector types with automatic routing and line bridging
- Matrix transformations (translate, rotate, scale)
- Layers, grouping, and Z-order management
- Undo/redo, rulers, gridlines, snap-to-grid
- Event handling, data binding, context menus
- Serialization, printing, and export capabilities
- Symbol Designer and Diagram Builder utilities
Essential Diagram提供了完善的模型-视图-控制器架构,包含以下组件:
核心控件:
- Diagram - 用于渲染和操作2D形状、文本、图片和控件的主画布
- Overview - 支持动态平移/缩放视口的透视视图
- PaletteGroupBar/PaletteGroupView - 支持拖拽的符号面板管理器
- PropertyEditor - 用于检查和编辑图表对象属性的工具
- DocumentExplorer - 展示图表对象和图层的树状视图
核心特性:
- 15+种交互式绘图工具(矩形、直线、贝塞尔曲线、多边形、文本等)
- 7+种支持自动路由和线桥的连接器类型
- 矩阵变换(平移、旋转、缩放)
- 图层、分组和Z轴顺序管理
- 撤销/重做、标尺、网格线、对齐网格
- 事件处理、数据绑定、上下文菜单
- 序列化、打印和导出能力
- 符号设计器和图表构建器工具
Documentation and Navigation Guide
文档与导航指南
Getting Started
入门指南
📄 Read: references/getting-started.md
When you need to:
- Install and configure the Diagram control
- Understand the Model-View-Controller architecture
- Create your first diagram (designer or code)
- Add basic nodes and connect them
- Set up a complete working diagram
📄 阅读: references/getting-started.md
适用于以下场景:
- 安装和配置Diagram控件
- 理解模型-视图-控制器架构
- 创建你的第一个图表(设计器或代码实现)
- 添加基础节点并建立连接
- 搭建完整的可用图表
Nodes and Shapes
节点与形状
📄 Read: references/nodes-and-shapes.md
When working with:
- Creating rectangles, ellipses, polygons, and other shapes
- Positioning and styling nodes (fill, border, shadow)
- Custom shapes and Symbol Designer
- Node properties and manipulation
- Bitmap nodes and composite shapes
📄 阅读: references/nodes-and-shapes.md
适用于以下场景:
- 创建矩形、椭圆、多边形和其他形状
- 节点定位和样式设置(填充、边框、阴影)
- 自定义形状和符号设计器
- 节点属性和操作
- 位图节点和复合形状
Connectors and Links
连接器与链接
📄 Read: references/connectors.md
When implementing:
- Line, Orthogonal, DirectedLine, PolyLine connectors
- Bezier, Spline, Curve, and Arc connectors
- Head and tail decorators (arrows, diamonds, circles)
- Automatic line routing and line bridging
- Connection points and port management
- Connector styling and customization
📄 阅读: references/connectors.md
适用于以下场景:
- 实现直线、正交线、定向线、折线连接器
- 实现贝塞尔曲线、样条曲线、弧线连接器
- 端点装饰(箭头、菱形、圆形)
- 自动线路由和线桥
- 连接点和端口管理
- 连接器样式设置和自定义
Drawing Tools
绘图工具
📄 Read: references/drawing-tools.md
When enabling:
- Interactive drawing tools (SelectTool, RectangleTool, LineTool, etc.)
- Shape tools (Ellipse, Polygon, RoundRect, Arc)
- Line drawing tools (PolyLine, Curve, Bezier, Spline, Pencil)
- Text and RichText tools
- Connection tools (LineLinkTool, OrthogonalLinkTool, etc.)
- Tool activation and configuration
📄 阅读: references/drawing-tools.md
适用于以下场景:
- 启用交互式绘图工具(选择工具、矩形工具、直线工具等)
- 形状工具(椭圆、多边形、圆角矩形、弧线)
- 线条绘制工具(折线、曲线、贝塞尔曲线、样条曲线、铅笔工具)
- 文本和富文本工具
- 连接工具(直线链接工具、正交链接工具等)
- 工具激活和配置
Diagram Controls
图表控件
📄 Read: references/diagram-controls.md
When adding:
- Overview control for pan/zoom viewport
- PaletteGroupBar for symbol palette management
- PaletteGroupView for palette display
- PropertyEditor for property inspection
- DocumentExplorer for object tree visualization
- Creating controls through designer and code
📄 阅读: references/diagram-controls.md
适用于以下场景:
- 添加用于平移/缩放视口的Overview控件
- 添加用于符号面板管理的PaletteGroupBar
- 添加用于面板展示的PaletteGroupView
- 添加用于属性检查的PropertyEditor
- 添加用于对象树可视化的DocumentExplorer
- 通过设计器和代码创建控件
Layout and Organization
布局与组织
📄 Read: references/layout-organization.md
When organizing:
- Layers (creating, managing, visibility)
- Grouping and ungrouping nodes
- Alignment tools (left, center, right, top, middle, bottom)
- Z-order operations (bring forward, send backward)
- Spacing and sizing tools
- Nudge operations
📄 阅读: references/layout-organization.md
适用于以下场景:
- 图层管理(创建、管理、可见性设置)
- 节点分组和取消分组
- 对齐工具(左对齐、居中、右对齐、上对齐、垂直居中、下对齐)
- Z轴操作(上移一层、下移一层)
- 间距和尺寸调整工具
- 微移操作
Labels and Ports
标签与端口
📄 Read: references/labels-ports.md
When configuring:
- Adding and formatting labels on nodes
- Text styling (font, color, alignment, rotation)
- Connection ports on nodes
- Port constraints and connection rules
- Custom port positioning
- Label and port visibility
📄 阅读: references/labels-ports.md
适用于以下场景:
- 在节点上添加和格式化标签
- 文本样式设置(字体、颜色、对齐、旋转)
- 节点上的连接端口
- 端口约束和连接规则
- 自定义端口定位
- 标签和端口可见性设置
Diagram Features
图表特性
📄 Read: references/features.md
When implementing:
- Dynamic properties at runtime
- Event handlers (node, connection, model events)
- Data binding to diagram objects
- Context menu customization
- Touch support for touch-enabled devices
- Measurement units (pixels, inches, millimeters)
📄 阅读: references/features.md
适用于以下场景:
- 实现运行时动态属性
- 事件处理器(节点、连接、模型事件)
- 图表对象数据绑定
- 上下文菜单自定义
- 触屏设备的触摸支持
- 度量单位(像素、英寸、毫米)
User Interaction
用户交互
📄 Read: references/user-interaction.md
When handling:
- Undo/redo functionality
- Pan and zoom tools
- Magnification control
- Selection modes and multi-select
- Copy, cut, paste operations
- Rotation and flip tools
📄 阅读: references/user-interaction.md
适用于以下场景:
- 处理撤销/重做功能
- 平移和缩放工具
- 放大倍率控制
- 选择模式和多选
- 复制、剪切、粘贴操作
- 旋转和翻转工具
View Controls
视图控件
📄 Read: references/view-controls.md
When configuring:
- Rulers (horizontal and vertical)
- Gridlines and snap-to-grid
- Guides for alignment
- Scrolling behavior
- Zoom and pan settings
- Page borders and backgrounds
📄 阅读: references/view-controls.md
适用于以下场景:
- 配置标尺(水平和垂直)
- 网格线和对齐网格
- 对齐参考线
- 滚动行为
- 缩放和平移设置
- 页面边框和背景
Layout Management
布局管理
📄 Read: references/layout-management.md
When applying:
- Automatic layout algorithms
- Hierarchical layouts
- Organizational chart layouts
- Radial and tree layouts
- Custom layout managers
- Layout configuration and optimization
📄 阅读: references/layout-management.md
适用于以下场景:
- 应用自动布局算法
- 层级布局
- 组织结构图布局
- 放射状和树状布局
- 自定义布局管理器
- 布局配置和优化
Advanced Features
高级特性
📄 Read: references/advanced-features.md
When working with:
- Diagram serialization (save/load)
- Printing (page setup, print preview, headers/footers)
- Export to image formats
- Symbol Designer utility for custom symbols
- Diagram Builder utility for creating diagrams
- Custom tool development
- Performance optimization
📄 阅读: references/advanced-features.md
适用于以下场景:
- 图表序列化(保存/加载)
- 打印(页面设置、打印预览、页眉/页脚)
- 导出为图片格式
- 用于自定义符号的符号设计器工具
- 用于创建图表的图表构建器工具
- 自定义工具开发
- 性能优化
Troubleshooting
故障排查
📄 Read: references/troubleshooting.md
When encountering:
- Common issues and solutions
- Assembly dependencies and versioning
- Performance optimization tips
- Best practices and FAQ
📄 阅读: references/troubleshooting.md
适用于以下场景:
- 遇到常见问题需要解决方案
- 处理程序集依赖和版本问题
- 获取性能优化技巧
- 查看最佳实践和常见问题解答
Quick Start Example
快速入门示例
Basic Diagram with Connected Nodes
带连接节点的基础图表
csharp
using Syncfusion.Windows.Forms.Diagram;
using Syncfusion.Windows.Forms.Diagram.Controls;
// Create diagram control
Diagram diagram = new Diagram();
diagram.Size = new Size(800, 600);
diagram.HScroll = true;
diagram.VScroll = true;
diagram.ShowRulers = true;
// Create and attach model
Model model = new Model();
diagram.Model = model;
// Create a start node (ellipse)
Ellipse startNode = new Ellipse(100, 100, 120, 80);
startNode.FillStyle.Color = Color.LightGreen;
startNode.FillStyle.ForeColor = Color.Green;
startNode.LineStyle.LineColor = Color.DarkGreen;
startNode.LineStyle.LineWidth = 2;
Label startLabel = new Label();
startLabel.Text = "Start";
startLabel.FontColorStyle.Color = Color.Black;
startNode.Labels.Add(startLabel);
model.AppendChild(startNode);
// Create a process node (rectangle)
Syncfusion.Windows.Forms.Diagram.Rectangle processNode =
new Syncfusion.Windows.Forms.Diagram.Rectangle(300, 100, 120, 80);
processNode.FillStyle.Color = Color.LightBlue;
processNode.LineStyle.LineColor = Color.DarkBlue;
processNode.LineStyle.LineWidth = 2;
Label processLabel = new Label();
processLabel.Text = "Process";
processLabel.FontColorStyle.Color = Color.Black;
processNode.Labels.Add(processLabel);
model.AppendChild(processNode);
// Connect nodes with an orthogonal connector
OrthogonalConnector connector =
new OrthogonalConnector(startNode.PinPoint, processNode.PinPoint);
connector.LineStyle.LineColor = Color.Gray;
connector.LineStyle.LineWidth = 2;
connector.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow;
startNode.CentralPort.TryConnect(connector.TailEndPoint);
processNode.CentralPort.TryConnect(connector.HeadEndPoint);
model.AppendChild(connector);
// Add diagram to form
this.Controls.Add(diagram);csharp
using Syncfusion.Windows.Forms.Diagram;
using Syncfusion.Windows.Forms.Diagram.Controls;
// Create diagram control
Diagram diagram = new Diagram();
diagram.Size = new Size(800, 600);
diagram.HScroll = true;
diagram.VScroll = true;
diagram.ShowRulers = true;
// Create and attach model
Model model = new Model();
diagram.Model = model;
// Create a start node (ellipse)
Ellipse startNode = new Ellipse(100, 100, 120, 80);
startNode.FillStyle.Color = Color.LightGreen;
startNode.FillStyle.ForeColor = Color.Green;
startNode.LineStyle.LineColor = Color.DarkGreen;
startNode.LineStyle.LineWidth = 2;
Label startLabel = new Label();
startLabel.Text = "Start";
startLabel.FontColorStyle.Color = Color.Black;
startNode.Labels.Add(startLabel);
model.AppendChild(startNode);
// Create a process node (rectangle)
Syncfusion.Windows.Forms.Diagram.Rectangle processNode =
new Syncfusion.Windows.Forms.Diagram.Rectangle(300, 100, 120, 80);
processNode.FillStyle.Color = Color.LightBlue;
processNode.LineStyle.LineColor = Color.DarkBlue;
processNode.LineStyle.LineWidth = 2;
Label processLabel = new Label();
processLabel.Text = "Process";
processLabel.FontColorStyle.Color = Color.Black;
processNode.Labels.Add(processLabel);
model.AppendChild(processNode);
// Connect nodes with an orthogonal connector
OrthogonalConnector connector =
new OrthogonalConnector(startNode.PinPoint, processNode.PinPoint);
connector.LineStyle.LineColor = Color.Gray;
connector.LineStyle.LineWidth = 2;
connector.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow;
startNode.CentralPort.TryConnect(connector.TailEndPoint);
processNode.CentralPort.TryConnect(connector.HeadEndPoint);
model.AppendChild(connector);
// Add diagram to form
this.Controls.Add(diagram);Common Patterns
常用模式
Creating a Complete Diagram Editor
创建完整的图表编辑器
csharp
// Setup diagram with all helper controls
Diagram diagram = new Diagram();
diagram.Dock = DockStyle.Fill;
Model model = new Model();
diagram.Model = model;
// Add Overview control
OverviewControl overview = new OverviewControl();
overview.Dock = DockStyle.Left;
overview.Diagram = diagram;
// Add PaletteGroupBar for symbols
PaletteGroupBar paletteBar = new PaletteGroupBar();
paletteBar.Dock = DockStyle.Left;
paletteBar.LoadPalette("BasicShapes.edp");
paletteBar.LoadPalette("FlowchartSymbols.edp");
// Add PropertyEditor
PropertyEditor propertyEditor = new PropertyEditor();
propertyEditor.Dock = DockStyle.Right;
propertyEditor.Diagram = diagram;
// Add DocumentExplorer
DocumentExplorer docExplorer = new DocumentExplorer();
docExplorer.Dock = DockStyle.Right;
docExplorer.AttachModel(model);
// Add all to form
this.Controls.Add(diagram);
this.Controls.Add(overview);
this.Controls.Add(paletteBar);
this.Controls.Add(propertyEditor);
this.Controls.Add(docExplorer);csharp
// Setup diagram with all helper controls
Diagram diagram = new Diagram();
diagram.Dock = DockStyle.Fill;
Model model = new Model();
diagram.Model = model;
// Add Overview control
OverviewControl overview = new OverviewControl();
overview.Dock = DockStyle.Left;
overview.Diagram = diagram;
// Add PaletteGroupBar for symbols
PaletteGroupBar paletteBar = new PaletteGroupBar();
paletteBar.Dock = DockStyle.Left;
paletteBar.LoadPalette("BasicShapes.edp");
paletteBar.LoadPalette("FlowchartSymbols.edp");
// Add PropertyEditor
PropertyEditor propertyEditor = new PropertyEditor();
propertyEditor.Dock = DockStyle.Right;
propertyEditor.Diagram = diagram;
// Add DocumentExplorer
DocumentExplorer docExplorer = new DocumentExplorer();
docExplorer.Dock = DockStyle.Right;
docExplorer.AttachModel(model);
// Add all to form
this.Controls.Add(diagram);
this.Controls.Add(overview);
this.Controls.Add(paletteBar);
this.Controls.Add(propertyEditor);
this.Controls.Add(docExplorer);Activating Drawing Tools
激活绘图工具
csharp
// Activate rectangle tool for drawing rectangles
diagram.Controller.ActivateTool("RectangleTool");
// Activate line connector tool
diagram.Controller.ActivateTool("LineLinkTool");
// Activate selection tool (default)
diagram.Controller.ActivateTool("SelectTool");
// Configure tool settings
Tool tool = diagram.Controller.ActiveTool;
if (tool is LineConnectorTool lineConnector)
{
lineConnector.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow;
lineConnector.TailDecorator.DecoratorShape = DecoratorShape.Circle;
}csharp
// Activate rectangle tool for drawing rectangles
diagram.Controller.ActivateTool("RectangleTool");
// Activate line connector tool
diagram.Controller.ActivateTool("LineLinkTool");
// Activate selection tool (default)
diagram.Controller.ActivateTool("SelectTool");
// Configure tool settings
Tool tool = diagram.Controller.ActiveTool;
if (tool is LineConnectorTool lineConnector)
{
lineConnector.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow;
lineConnector.TailDecorator.DecoratorShape = DecoratorShape.Circle;
}Working with Layers
图层操作
csharp
// Create a new layer
Layer backgroundLayer = new Layer();
backgroundLayer.Name = "Background";
backgroundLayer.Visible = true;
backgroundLayer.Enabled = true;
model.Layers.Add(backgroundLayer);
// Add nodes to specific layer
Rectangle node = new Rectangle(50, 50, 100, 60);
backgroundLayer.AppendChild(node);
// Set active layer
model.ActiveLayer = backgroundLayer;
// Toggle layer visibility
backgroundLayer.Visible = false;
diagram.Refresh();csharp
// Create a new layer
Layer backgroundLayer = new Layer();
backgroundLayer.Name = "Background";
backgroundLayer.Visible = true;
backgroundLayer.Enabled = true;
model.Layers.Add(backgroundLayer);
// Add nodes to specific layer
Rectangle node = new Rectangle(50, 50, 100, 60);
backgroundLayer.AppendChild(node);
// Set active layer
model.ActiveLayer = backgroundLayer;
// Toggle layer visibility
backgroundLayer.Visible = false;
diagram.Refresh();Applying Automatic Layout
应用自动布局
csharp
// Create nodes
List<Node> nodes = new List<Node>();
for (int i = 0; i < 10; i++)
{
Rectangle node = new Rectangle(0, 0, 80, 50);
node.Name = "Node" + i;
model.AppendChild(node);
nodes.Add(node);
}
// Apply hierarchical layout
HierarchicalLayout layout = new HierarchicalLayout(model, model.Bounds);
layout.HorizontalSpacing = 50;
layout.VerticalSpacing = 50;
layout.Orientation = LayoutOrientation.TopToBottom;
layout.Layout();
diagram.UpdateView();csharp
// Create nodes
List<Node> nodes = new List<Node>();
for (int i = 0; i < 10; i++)
{
Rectangle node = new Rectangle(0, 0, 80, 50);
node.Name = "Node" + i;
model.AppendChild(node);
nodes.Add(node);
}
// Apply hierarchical layout
HierarchicalLayout layout = new HierarchicalLayout(model, model.Bounds);
layout.HorizontalSpacing = 50;
layout.VerticalSpacing = 50;
layout.Orientation = LayoutOrientation.TopToBottom;
layout.Layout();
diagram.UpdateView();Saving and Loading Diagrams
保存和加载图表
csharp
// Save diagram to file
diagram.SaveBinary("MyDiagram.edd");
// Load diagram from file
diagram.LoadBinary("MyDiagram.edd");
diagram.Refresh();
// Save model only
model.Save("MyModel.xml");
// Load model
Model loadedModel = Model.Load("MyModel.xml");
diagram.Model = loadedModel;csharp
// Save diagram to file
diagram.SaveBinary("MyDiagram.edd");
// Load diagram from file
diagram.LoadBinary("MyDiagram.edd");
diagram.Refresh();
// Save model only
model.Save("MyModel.xml");
// Load model
Model loadedModel = Model.Load("MyModel.xml");
diagram.Model = loadedModel;Key Classes and Methods
核心类和方法
Core Classes
核心类
- - Main diagram control inheriting from
DiagramScrollControl - - Contains diagram nodes, connectors, and layers
Model - - Renders the model and manages display properties
View - - Handles user input and tool activation
Controller
- - 继承自
Diagram的主图表控件ScrollControl - - 包含图表节点、连接器和图层
Model - - 渲染模型并管理显示属性
View - - 处理用户输入和工具激活
Controller
Node Classes
节点类
- - Base class for all diagram nodes
Node - ,
Rectangle,Ellipse,Polygon- Basic shape nodesRoundRect - ,
Line,PolyLine,Curve,Bezier- Line-based nodesSpline - ,
TextNode- Text nodesRichTextNode - - Image nodes
BitmapNode - - Container for grouped nodes
Group
- - 所有图表节点的基类
Node - ,
Rectangle,Ellipse,Polygon- 基础形状节点RoundRect - ,
Line,PolyLine,Curve,Bezier- 基于线条的节点Spline - ,
TextNode- 文本节点RichTextNode - - 图片节点
BitmapNode - - 分组节点的容器
Group
Connector Classes
连接器类
- - 90-degree angle connectors
OrthogonalConnector - - Smart routed connectors
DirectedLinesConnector - - Straight line connectors
LineConnector
- - 90度直角连接器
OrthogonalConnector - - 智能路由连接器
DirectedLinesConnector - - 直线连接器
LineConnector
Common Methods
常用方法
- - Add node to model
Model.AppendChild(node) - - Activate drawing tool
Controller.ActivateTool(toolName) - - Refresh diagram display
Diagram.UpdateView() - - Add label to node
Node.Labels.Add(label) - - Connect nodes via ports
Port.TryConnect(endpoint) - - Group selected nodes
Controller.Group() - - Undo last action
Model.HistoryManager.Undo()
- - 向模型添加节点
Model.AppendChild(node) - - 激活绘图工具
Controller.ActivateTool(toolName) - - 刷新图表显示
Diagram.UpdateView() - - 向节点添加标签
Node.Labels.Add(label) - - 通过端口连接节点
Port.TryConnect(endpoint) - - 分组选中的节点
Controller.Group() - - 撤销上一步操作
Model.HistoryManager.Undo()
Common Use Cases
常见用例
- Flowchart Designer - Create process flows with decision nodes, start/end symbols, and directional connectors
- Organizational Chart - Build hierarchical structures with automatic layout and employee nodes
- Network Diagram - Visualize network topology with servers, routers, and connection lines
- UML Editor - Design class diagrams, sequence diagrams, and use case diagrams
- Mind Map - Create radial mind maps with central ideas and branching concepts
- Workflow Designer - Design business process workflows with BPMN notation
- ER Diagram - Model database schemas with entities, attributes, and relationships
- Circuit Designer - Design electrical circuits with components and wire connections
- 流程图设计器 - 基于决策节点、开始/结束符号和定向连接器创建流程流
- 组织结构图 - 基于自动布局和员工节点构建层级结构
- 网络图 - 基于服务器、路由器和连接线可视化网络拓扑
- UML编辑器 - 设计类图、时序图和用例图
- 思维导图 - 基于中心主题和分支概念创建放射状思维导图
- 工作流设计器 - 基于BPMN符号设计业务流程工作流
- ER图 - 基于实体、属性和关系建模数据库 schema
- 电路设计器 - 基于组件和连接线设计电子电路
Related Skills
相关技能
- Implementing Syncfusion Windows Forms Components - Main library navigation
- Component categories available in the main library skill
Need Help? Check the troubleshooting reference for common issues and solutions.
- 实现Syncfusion Windows Forms组件 - 主库导航
- 主库技能中提供的组件分类
需要帮助? 查看故障排查参考获取常见问题的解决方案。