实现基于节点的图形界面？ [英] Implementing a node-based graphical interface?

问题描述

我想实现一个节点界面，基本上是一个 DAG ，其中每个节点执行操作它的输入连接，并输出一些东西（您可以连接到另一个节点）

I would like to implement a nodal-interface, basically a DAG where each node performs an operation on it's input connections, and outputs something (which you can connect to another node)

一些示例应用程序：

• 苹果摇 - 截图


• FoundrysNuke - 截图


• MindNode - 截图


• < a href =http://vvvv.org/ =noreferrer> vvvv - 截图


• Quartz作曲者 - 截图

• Apples "Shake" - screenshot
• The Foundrys "Nuke" - screenshot
• MindNode - screenshot
• vvvv - screenshots
• Quartz Composer - screenshot

作为第一个目标，我想要一个只有2个节点的图形应用程序。一个数字，它只输出一个固定的数字和一个添加节点，它需要两个输入和输出两个的和。

As a first goal, I would like to have an graphical application with only 2 nodes. A "number" which simply outputs a fixed number, and an "Add" node, which takes two inputs and outputs the sum of the two.

正如人们已经回答 - 对于如何在代码中表示数据，我有一个粗略的想法，例如Python中的伪代码：

As people have answered so-far, I have a rough idea of how to represent the data in code, for example in Python'y looking pseudo-code:

class Number:
    def __init__(self, value):
        self.value = value

    def eval(self):
        return self.value

class Add:
    def __init__(self, input1, input2):
        self.input1 = input1
        self.input2 = input2

    def eval(self):
        return self.input1.eval() + self.input2.eval()


a = Number(20)
b = Number(72)

adder = Add(a, b)
print adder.eval()

我将如何围绕这个包装一个自定义GUI？如下所示，但手绘略少！

How would I got about wrapping a custom GUI around this? Something like the following, but slightly less hand-drawn!

我将从哪里开始？我现在打算在Objective-C / Cocoa中编写它，尽管我对其他语言的建议更加开放。

Where would I begin? I currently plan to write it in Objective-C/Cocoa, although I'm more than open to suggestions for other languages.

推荐答案

我将首先建模一些基本界面（在OOP意义上，而不是GUI感觉）。看来我会有一个节点接收一个输入和一个输出的集合。您没有指出数据类型有多广泛，但您需要一些合适的方法来表示输入/输出。对于您的第一个目标，这可能是一个整数。

I would start by modelling some basic interfaces (in the OOP sense, not the GUI sense). Seems to me you'll have a Node which will accept a collection of inputs and a single output. You didn't give any indication of how broad the data types are, but you'll want some suitable method of representing your inputs/outputs. For your first goal, this could be an integer.

在一些通用的C风格的OOP语言（希望是有道理的）：

In some generic C style OOP language (hope it makes sense):

class Node<T> {
    Node<T>[] inputs;
    T eval();
}

class AdderNode extends Node<int> {
    int eval() {
        int accum = 0;
        for (inputs : i)
            accum += i.eval();
        return i;
    }
}

class ConstNode<int I> extends Node<int> {
    int eval() { return I; }
}

AdderNode a;
a.inputs.add(ConstNode<2>());
a.inputs.add(ConstNode<3>());
a.eval();

可以通过用一些抽象类，通用或接口替换int来扩展它。当然实际的实际情况会根据实际的语言而有所不同。

You could expand on this by replacing int with some abstract class, generic, or interface. Actual implementation will vary based on the actual language, of course.

这篇关于实现基于节点的图形界面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！