Nodify学习 一:介绍与使用
Nodify学习 二:添加节点 - 可乐_加冰 - 博客园 (cnblogs.com)
1|0介绍
Nodify是一个WPF基于节点的编辑器控件,其中包含一系列节点、连接和连接器组件,旨在简化构建基于节点的工具的过程。
这是受虚幻引擎的蓝图视觉脚本系统启发,但仅专注于用户界面和用户交互部分。与蓝图不同,Nodify是一个通用库,提供了一个节点图编辑器组件,可以嵌入到任何 WPF 应用程序中。
该图形编辑器是一个无限区域,您可以在其中放置和移动节点,选择和拖动节点组,连接和断开节点或连接器,放大和缩小,以及在将节点或导线拖动到边缘附近时自动移动屏幕等。
Nodify功能丰富,经过优化,可以同时与数百个节点进行交互,并且...它是为与MVVM一起工作而重新架构的。
1|1层次结构
根组件是一个编辑器(editor),它包含节点(nodes)和连接(connections)以及一些额外的UI元素,如选择框(selection rectangle)和一个预备连接(pending connection),以使编辑器具有交互性。
节点是连接器(connectors)的容器,有时候节点本身也可以作为连接器(比如 状态节点).
连接器可以创建预备连接,预备连接在完成后可以成为实际的连接。
1|2内容层
一个节点如何既能作为连接器本身又能像普通节点一样运行。编辑器包含三个主要层次,这些层次有助于解决这个问题:
- 项目层(NodifyEditor.ItemsSource)——在这里,每个控件都被包装在一个容器中,使其可以选择、拖动等,并且可以渲染任何控件(例如连接器、文本块)
- 连接层(NodifyEditor.Connections)——这是所有连接共存的地方,并默认在项目层下面渲染。
- 装饰层(NodifyEditor.Decorators)——在这里,每个控件在窗口中都有一个位置。
将这些层次分开,使得每个层次可以异步加载成为可能。
2|0安装
或者
2|1主题
Nodify 包含三个主题分别为
- 深色主题(如果未指定,则为默认主题):
- 浅色主题:
- Nodify主题:
这是我使用浅色主题
然后在MainWindow引用
2|2运行效果
3|0 案例地址:
Github:zt199510/NodifySamples (github.com)
__EOF__
![](https:////pic.cnblogs.com/avatar/1626256/20200413173945.png)
本文链接:https://www.cnblogs.com/zt199510/p/18306876.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 本地部署 DeepSeek:小白也能轻松搞定!
· 基于DeepSeek R1 满血版大模型的个人知识库,回答都源自对你专属文件的深度学习。
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!