示例:WPF中推荐一个Diagram开源流程图控件

一、目的:分享一个自研的开源流程图控件

二、使用方法

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轻量控件和皮肤库

七、了解更多

System.Windows.Controls 命名空间 | Microsoft Learn

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

相关推荐
程序员小刘1 小时前
【HarmonyOS 5】教育开发实践详解以及详细代码案例
华为·wpf·harmonyos
Java Fans15 小时前
在WPF项目中集成Python:Python.NET深度实战指南
python·.net·wpf
布伦鸽1 天前
C# WPF 左右布局实现学习笔记(1)
笔记·学习·c#·wpf
code bean2 天前
【WPF】WPF 项目实战:构建一个可增删、排序的光源类型管理界面(含源码)
wpf
沉到海底去吧Go2 天前
【图片识别改名】如何批量将图片按图片上文字重命名?自动批量识别图片文字并命名,基于图片文字内容改名,WPF和京东ocr识别的解决方案
ocr·wpf·图片识别改名·图片识别重命名·图片内容改名
lph19722 天前
自定义事件wpf
wpf
code bean2 天前
【WPF】从普通 ItemsControl 到支持筛选的 ItemsControl:深入掌握 CollectionViewSource 用法
wpf
碎碎念的安静3 天前
WPF可拖拽ListView
c#·wpf
YuTaoShao3 天前
HashMap中的put方法执行流程(流程图)
流程图·哈希算法·散列表
米饭不加菜3 天前
`mermaid-cli` 生成高分辨率 Mermaid 流程图(可以下载安装Typora更好 )的操作指南
流程图