Nodify学习 一：先容与使用
先容Nodify是一个WPF基于节点的编辑器控件，其中包罗一系列节点、毗连和毗连器组件，旨在简化构建基于节点的工具的过程。
这是受虚幻引擎的蓝图视觉脚本系统启发，但仅专注于用户界面和用户交互部分。与蓝图不同，Nodify是一个通用库，提供了一个节点图编辑器组件，可以嵌入到任何 WPF 应用程序中。
该图形编辑器是一个无穷区域，您可以在其中放置和移动节点，选择和拖动节点组，毗连和断开节点或毗连器，放大和缩小，以及在将节点或导线拖动到边沿附近时自动移动屏幕等。
Nodify功能丰富，经过优化，可以同时与数百个节点进行交互，并且...它是为与MVVM一起工作而重新架构的。
Github：miroiu/nodify: Highly performant and modular controls for node-based editors designed for data-binding and MVVM. (github.com)
https://img2024.cnblogs.com/blog/1626256/202407/1626256-20240717111332503-497003305.gif
层次结构
根组件是一个编辑器（editor），它包罗节点（nodes）和毗连（connections）以及一些额外的UI元素，如选择框（selection rectangle）和一个预备毗连（pending connection），以使编辑器具有交互性。
节点是毗连器(connectors)的容器，有时候节点本身也可以作为毗连器(比如 状态节点).
毗连器可以创建预备毗连，预备毗连在完成后可以成为实际的毗连。
https://img2024.cnblogs.com/blog/1626256/202407/1626256-20240717111655026-1465896196.png
内容层
一个节点如何既能作为毗连器本身又能像普通节点一样运行。编辑器包罗三个主要层次，这些层次有助于解决这个题目：
[*]项目层（NodifyEditor.ItemsSource）——在这里，每个控件都被包装在一个容器中，使其可以选择、拖动等，并且可以渲染任何控件（例如毗连器、文本块）
[*]毗连层（NodifyEditor.Connections）——这是所有毗连共存的地方，并默认在项目层下面渲染。
[*]装饰层（NodifyEditor.Decorators）——在这里，每个控件在窗口中都有一个位置。
将这些层次分开，使得每个层次可以异步加载成为可能。
安装
Install-Package Nodify或者
https://img2024.cnblogs.com/blog/1626256/202407/1626256-20240717111114594-1611504361.png
主题
Nodify 包罗3哥主题分别为
[*]深色主题（假如未指定，则为默认主题）：
[*]浅色主题：
[*]Nodify主题：
这是我使用浅色主题
https://img2024.cnblogs.com/blog/1626256/202407/1626256-20240717112502421-1089656834.png
然后在MainWindow引用
xmlns:nodify="https://miroiu.github.io/nodify"https://img2024.cnblogs.com/blog/1626256/202407/1626256-20240717112709658-1944099772.png
运行结果
https://img2024.cnblogs.com/blog/1626256/202407/1626256-20240717112735655-1363083570.png
案例地址：
Github:zt199510/NodifySamples (github.com)
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]