Nodify学习 二:添加节点
Nodify学习 一:介绍与使用 - 可乐_加冰 - 博客园 (cnblogs.com)
Nodify学习 二:添加节点 - 可乐_加冰 - 博客园 (cnblogs.com)
1|0添加节点(nodes)
通过上一篇我们已经创建好了编辑器实例现在我们为编辑器添加一个节点
1|1添加model和viewmodel并将它们绑定到视图
1|2添加视图模型
视图模型可以是任何形状,但节点的视图由 ItemTemplate
生成。(将 DataTemplate 放在 NodifyEditor.Resources 中也能实现相同的效果)
1 2 3 4 5 | <window .... xmlns:vm= "clr-namespace:NodifySamples2.ViewModels" ..... ><br><nodify:NodifyEditor<br> x:Name= "Editor" <br> ItemsSource= "{Binding Nodes}" ><br> <nodify:NodifyEditor.DataContext><br> <vm:EditorViewModel /><br> </nodify:NodifyEditor.DataContext><br> <nodify:NodifyEditor.ItemTemplate><br> <DataTemplate DataType= "{x:Type mod:NodeViewModel}" ><br> <nodify:Node Header= "{Binding Title}" /><br> </DataTemplate><br> </nodify:NodifyEditor.ItemTemplate><br></nodify:NodifyEditor> |
1|3效果图
1|4添加连接节点
连接节点用于管理节点之间的连接,和绘制对应的连接线
首先,我们需要一个连接器的表示以及节点上一些集合来存储我们的连接器。
然后将它们绑定到视图。(我们使用了内置的 NodeInput
和 NodeOutput
作为视图,但也有其他连接器。或者根据需要创建自己的连接器。)
1|5效果
1|6下载地址
Github:zt199510/NodifySamples (github.com)
__EOF__

本文作者:可乐加冰
本文链接:https://www.cnblogs.com/zt199510/p/18308687.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
本文链接:https://www.cnblogs.com/zt199510/p/18308687.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库