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

相关推荐
无心水14 分钟前
分布式定时任务与SELECT FOR UPDATE:从致命陷阱到优雅解决方案(实战案例+架构演进)
服务器·人工智能·分布式·后端·spring·架构·wpf
LZL_SQ2 小时前
HCCL测试框架中AllReduce边界条件测试设计深度剖析
wpf·cann
心疼你的一切1 天前
解锁CANN仓库核心能力:从零搭建AIGC轻量文本生成实战(附代码+流程图)
数据仓库·深度学习·aigc·流程图·cann
User_芊芊君子1 天前
【分布式训练】CANN SHMEM跨设备内存通信库:构建高效多机多卡训练的关键组件
分布式·深度学习·神经网络·wpf
心疼你的一切1 天前
基于CANN仓库算力手把手实现Stable Diffusion图像生成(附完整代码+流程图)
数据仓库·深度学习·stable diffusion·aigc·流程图·cann
熬夜敲代码的小N1 天前
AIGC高效落地利器:ops-nn仓库深度解析(含代码+流程图)
aigc·流程图
就是有点傻2 天前
WPF按钮走马灯效果
wpf
zuozewei2 天前
虚拟电厂聚合商平台安全技术体系深度解读
安全·wpf
极客智造2 天前
WPF 自定义控件:AutoGrid 实现灵活自动布局的网格控件
wpf
极客智造2 天前
WPF Grid 布局高效扩展:GridHelpers 附加属性工具类全解析
wpf