JavaFX 中 GUI 设计中的回调

Question

我正在尝试在 JavaFX 中设计一组相关的类。

我有一个 Board 类的对象，它创建了 Box 类的一些对象。 在 Box 类中，我创建了一些 Button 类的对象。

当我点击一个Button时，我想要执行Box的方法触发器。

在Box的触发方法里面，我想要Board的方法计算的执行。

如果计算方法返回为真，则按钮改变颜色，否则包含按钮的Box改变颜色。

我必须实现的第一个想法是使用某种从 Board 传递到 Box 以及从 Box 传递到 Button 的回调。

然后我有另一个需求：对另一个函数重复这个机制（如果按钮是用右键按下的，如果Board的calculation_shape方法返回true，则按钮变成圆形，否则Box变成圆形）。 所以我添加了另一组回调。

无论如何，这在我看来是一种代码味道，因为要添加第二个功能，我修改了所有接口和所有类。

在 GUI 领域还有其他方法吗？

谢谢

这里是 MRE。这种行为很愚蠢，但我的问题是：

1) 这是在 GUI 元素之间进行通信的正确方式吗？

2）如果我需要在孩子和父母之间增加更多的交流接口怎么办？我会有很长的构造函数，有很多接口......在我看来就像代码味道......

public interface Triggerable {
    boolean trigger(int size);
}


public class MyButton extends Button {

    Triggerable method;
    int buttonSize;
    String buttonName;

    public MyButton(String name, int size, Triggerable t) {
        super(name);
        buttonName = name;
        this.setMinSize(100, 30);
        this.setOnMouseClicked(e -> MouseClickedAction(e));
        buttonSize = size;
        method = t;
    }

    void MouseClickedAction(MouseEvent e) {
        if(method.trigger(buttonSize) == true ) {
            System.out.println(buttonName + " triggered.");
        }
    }
}

public interface Calculable {
    boolean calculate(int totalSize);
}


public class Box extends VBox {

    String boxName;
    int numberOfButtons = 3;
    int boxSize;
    Calculable method;

    public Box (String name, int size, Calculable m) {
        boxName = name;
        for ( int i = 0; i < numberOfButtons; i++ ) {
            this.getChildren().add(new MyButton("Button" + i  + boxName , i, block -> trigger(block)));
        }
        boxSize = size;
        method = m;

    }

    public boolean trigger(int buttonSize) {
        if(method.calculate(boxSize+buttonSize) == true) {
            System.out.println( boxName + " triggered.");
            return false;
        } else {
            return true;
        }

    }
}

public class Board extends HBox {

    String boardName;
    int numberOfBoxes = 3;
    int boardThreshold = 2;

    public Board (String name) {
        boardName = name;
        for ( int i = 0; i < numberOfBoxes; i++ ) {
            this.getChildren().add(new Box("Box" + i , i, block -> calculate(block) ));
        }
    }

    public boolean calculate(int totalSize) {
        if(totalSize > boardThreshold) {
            return true;
        } else {
            return false;
        }
    }
}

Answer 1

这些子类看起来真的是多余的。而不是

    for ( int i = 0; i < numberOfButtons; i++ ) {
        this.getChildren().add(new MyButton("Button" + i  + boxName , i, block -> trigger(block)));
    }

你可以这样做，例如

    for (int i = 0 ; i < numberOfButtons ; i++) {
        final int size = i ;
        Button button = new Button("Button" + i + boxName);
        button.setOnAction(e -> trigger(size));
        this.getChildren().add(button);
    }

您的触发方法可以接收按钮作为参数，以更改其颜色，或者您可以在某处创建一个可观察的属性，并观察它以更改按钮的颜色。在现实生活中，您的可观察属性将成为您的数据模型的一部分，但在概念上类似于：

    for (int i = 0 ; i < numberOfButtons ; i++) {
        this.getChildren().add(createButton(i));
    }

与

private Button createButton(int size) {
    Button button = new Button("Button " + i + boxName);
    BooleanProperty someState = new SimpleBooleanProperty();
    someState.addListener((obs, wasInSomeState, isNowInSomeState) -> {
        if (isNowInSomeState) {
            button.setStyle("-fx-background-color: red;");
        } else {
            button.setStyle("");
        }
    );
    button.setOnAction(e -> someState.set(trigger(size)));
    return button ;
}

如果您更全局地需要此类按钮，只需将该创建方法移至工厂类，而不是继承 Button。

一般来说，这只是看起来过度设计。尝试 1. 避免过度继承（在适当的情况下对对象使用聚合或工厂方法），以及 2. 不要复制标准 API（您的 Triggerable 和 Calculable 接口只是 IntPredicate 的复制品，即便如此，您的示例并没有真正证明需要使用它）。