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

相关推荐
西岭千秋雪_3 小时前
Zookeeper实现分布式锁
java·分布式·后端·zookeeper·wpf
beyond谚语10 小时前
第三章 布局
wpf
GIS学姐嘉欣12 小时前
常见二三维GIS数据分类及处理流程图
流程图·gis·webgis
Aevget1 天前
界面控件DevExpress WPF v25.1新版亮点:数据管理功能全新升级
.net·wpf·界面控件·devexpress·ui开发
baivfhpwxf20231 天前
要在 WPF 中实现数据表对应实体的属性与 UI 控件的双向绑定,并支持修改通知和 UI 自动更新
c#·wpf
qiaochuanbiao1 天前
三种方式修改AI生成的流程图,实现无损放大
流程图
极客智造1 天前
深入解析 WPF 中的 DataTemplateSelector:动态模板选择的艺术
wpf
极客智造1 天前
WPF 高级 UI 定制:深入解析 VisualStateManager 与 Adorner
wpf
LateFrames3 天前
使用 Winform / WPF / WinUI3 / Electron 实现异型透明窗口
javascript·electron·wpf·winform·winui3
ifeng09183 天前
HarmonyOS实战项目:AI健康助手(影像识别与健康分析)
人工智能·华为·wpf·harmonyos