一给 发表于 2024-12-11 06:17:34

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

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


二、使用方法


1、引用Nuget包:

https://i-blog.csdnimg.cn/blog_migrate/c463aaf333b9815d594ebcee66f6bed6.png
2、添加节点列表和绘图控件
      <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、运行效果
https://i-blog.csdnimg.cn/blog_migrate/3ad056426f85510016e204bd373faffc.gif​​​​​​​
三、环境


VS2022 NET7
四、更多示例

GitHub - HeBianGu/WPF-Diagram: WPF流程图控件
exe示例下载地址:Release 1.0.0 · HeBianGu/WPF-Diagram · GitHub 

https://i-blog.csdnimg.cn/blog_migrate/d321df7f201ba85446a6da7187ee8e16.png
https://i-blog.csdnimg.cn/blog_migrate/73baed50c727b1f265343f4fe68aade9.png

https://i-blog.csdnimg.cn/blog_migrate/2c07a69d662732efbeb859f8c2cd4182.png

https://i-blog.csdnimg.cn/blog_migrate/3898ab5f90a1a1665dd50718d5903016.png
五、教程

待更新
六、源码地址

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


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 示例:WPF中推荐一个Diagram开源流程图控件