一、目的:分享一个自研的开源流程图控件
二、使用方法
1、引用Nuget包:

2、添加节点列表和绘图控件
XML
<DockPanel>
<ItemsControl DockPanel.Dock="Left">
<h:GeometryNodeData Text="节点"/>
</ItemsControl>
<h:Diagram>
<h:Diagram.Layout>
<h:LocationLayout />
</h:Diagram.Layout>
<h:Diagram.LinkDrawer>
<h:BrokenLinkDrawer />
</h:Diagram.LinkDrawer>
<b:Interaction.Behaviors>
<h:DiagramDropTextNodeBehavior/>
</b:Interaction.Behaviors>
</h:Diagram>
</DockPanel>
3、运行效果
三、环境
VS2022 NET7
四、更多示例
GitHub - HeBianGu/WPF-Diagram: WPF流程图控件
exe示例下载地址:Release 1.0.0 · HeBianGu/WPF-Diagram · GitHub




五、教程
待更新
六、源码地址
GitHub - HeBianGu/WPF-ControlDemo: 示例
GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库
GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库