![](https://i-blog.csdnimg.cn/direct/a452614ef500499f88c0f10fb16a7e05.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Nodify
文章平均质量分 57
开源节点编辑设计器
James.TCG
尽量多积累一些东西吧,学海无涯
展开
-
第八节:Nodify 编辑器属性
经过前几章的学习,你已经对Nodify框架有了初步的编程思路。当然只局限于这些还完全不够,本章节将阐述各个结构组件的一些常用属性,以便在日后的开发过程中更得心应手。原创 2024-08-23 16:22:05 · 516 阅读 · 0 评论 -
第七节:Nodify 设置轴网格
绘制简单的网格只需创建一个网格画笔,同时将编辑器的变换持续应用于它,并将该画笔用作编辑器的Background。因为我们绘制的网格是由线条组成的,而不是填充的,所以编辑器的Background将具有一些透明度,这意味着我们会看到下面控件的背景颜色。为了解决这个问题,将编辑器包装在一个Grid中,并设置其Background,或者设置Window的。原创 2024-08-23 14:17:53 · 70 阅读 · 0 评论 -
第六节:Nodify 移除节点连接
要删除连接,只需监听来自连接器本身或编辑器的断开连接事件,并删除具有连接器作为源或目标的连接。为了简单起见,我们将为实现。原创 2024-08-23 14:12:09 · 104 阅读 · 0 评论 -
第五节:Nodify 节点位置设置
如果你尝试过前几节的代码,会发现节点都是出现在0,0 位置,及编辑器左上角。编辑器作为最外层的交互控件,内部封装了节点容器ItemContrainer,我们通过样式属性对Loaction做绑定。本节将介绍如何配置节点位置。原创 2024-08-23 13:54:29 · 156 阅读 · 0 评论 -
第四节:Nodify 连接端子手动连接
第三节讲到,可以添加节点并通过后台代码连接端子。在实际的运用过程中通常需要在编辑器界面中去手动拖动端子进行连接,此时需要一个预连接模块,来存储手动拖动时接触的两个端子,并在鼠标松开后进行连接。原创 2024-08-23 13:39:56 · 105 阅读 · 0 评论 -
第三节:Nodify 添加连接关系
Nodify有三层结构,编辑器Editor,节点Node和连接组件Connection,上节介绍了节点和编辑器,本节介绍连接组件。连接组件用于保存节点中连接端子的连接关系,并随节点的拖动改变。原创 2024-08-23 12:47:15 · 179 阅读 · 0 评论 -
第二节:Nodify 添加节点到编辑器中
上节说到Nodify有三层结构,编辑器Editor,节点Node和连接组件Connection,下面就让我们来进行第一步尝试,在编辑器中添加一个节点。在窗口中添加nodify命名空间,并添加控件。原创 2024-08-23 11:57:46 · 243 阅读 · 0 评论 -
第一节:Nodify 的简介和安装
Nodify 是专为 MVVM 设计的基于节点的编辑器的高性能控件集合。其中包含一系列节点、连接和连接器组件,旨在简化构建基于节点的工具的过程。它提供了一个节点图编辑器组件,可以嵌入到任何 WPF 应用程序中。该图形编辑器是一个无限区域,您可以在其中放置和移动节点,选择和拖动节点组,连接和断开节点或连接器,放大和缩小,以及在将节点或导线拖动到边缘附近时自动移动屏幕等。形状画布游乐场应用程序状态机“实时”计算器。原创 2024-08-23 11:13:41 · 275 阅读 · 0 评论