示例: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个人主页-哔哩哔哩视频

相关推荐
炯哈哈2 小时前
【上位机——WPF】App.xml和Application类简介
xml·开发语言·c#·wpf·上位机
CoderIsArt3 小时前
WPF的UI元素类型详解
ui·wpf
zxfgdjfjfjflfllf5 小时前
Mapreduce初使用
大数据·wpf·mapreduce
炯哈哈19 小时前
【上位机——WPF】Window标签常用属性
开发语言·c#·wpf·上位机
RebekahHQ2 天前
Deepseek+Xmind:秒速生成思维导图与流程图
流程图·xmind·思维导图·deepseek
绿龙术士2 天前
构建现代化WPF应用:数据驱动开发与高级特性解析
c#·wpf
Coding的叶子2 天前
React Flow 简介:构建交互式流程图的最佳工具
前端·react.js·流程图·fgai·react agent
向上的车轮4 天前
Flowchart 流程图的基本用法
流程图
wangnaisheng4 天前
【WPF】Opacity 属性的使用
wpf
姬激薄4 天前
配置Hadoop集群-集群配置
wpf