JavaFX Line Binding

[Java20134]

Guten Tag,

Ich habe eine kleine Frage hinsichtlich der Verbindung zweier Nodes mithilfe einer Linie. Ich habe das ganze schon mit der Methode bind() ausprobiert und die layoutProperty genutzt, aber die Linie wird nicht so erzeugt wie im Bild gezeigt. Ich nutze dazu das Layout GridPane. Hätte jemand eine Idee wie ich diese Bild in Java umsetzen könnte?

Vielen Dank

 

[dzim]

Kannst du denn kurz elaborieren, wie es denn bei dir aussieht? Was genau geht denn nicht?

 

[Java20134]

So sieht es zur Zeit aus, aber die Linien sind einfach zu weit oben. Die Schlussfolgerung ist, das man die Linien weiter nach unten zeichnet. Nun habe ich schon mit der Methode add() gearbeitet, aber es hat noch nicht funktioniert. So richtig klar warum, weiß ich aber nicht.

Mein Code sieht so aus:

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.stage.Stage;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.layout.GridPane;

public class Main extends Application {
  
    @Override
    public void start(Stage primaryStage) {
        try {
            GridPane root = new GridPane();
            root.setPadding(new Insets(20));
//            root.setGridLinesVisible(true);
            Group group = new Group();
          
            Node right = new Node("RIGHT");
            Node left = new Node("LEFT");
            Node node = new Node("ROOT", left, right);
            group.getChildren().addAll(node.createLine(left), node.createLine(right));
            group.getChildren().add(node.createLine(left));
          
            root.add(left, 3, 0);
            root.add(right, 3, 1);
            root.add(node, 0, 3);
            root.getChildren().add(group);
          
            Scene scene = new Scene(root);
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
          
            primaryStage.setScene(scene);
            primaryStage.show();
          
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
  
    public static void main(String[] args) {
        launch(args);
    }
}

import javafx.scene.control.Label;
import javafx.scene.shape.Line;

class Node extends Label {

    private String name;
  
    private Node nodeLeft, nodeRight;
  
    public Node(String name) {
        this(name, null, null);
    }
  
    public Node(String name, Node left, Node right){
        super(name);
        this.nodeLeft = left;
        this.nodeRight = right;
    }
  
    public String getName(){
        return name;
    }
  
    public Node getLeftNode(){
        return nodeLeft;
    }
  
    public Node getRightNode(){
        return nodeRight;
    }
  
    public boolean isLastNode(){
        return nodeLeft == null && nodeRight == null;
    }
  
    public Line createLine(Node node){
        if(node == null){
            return null;
        }
      
        Line line = new Line();
        line.setId("line");
      
        line.startXProperty().bind(node.layoutXProperty());
        line.startYProperty().bind(node.layoutYProperty()); //add(10);
      
        line.endXProperty().bind(this.layoutXProperty());
        line.endYProperty().bind(this.layoutYProperty());
      
        return line;
    }
  
    public String getNames(){
        String names = name+"(";
      
        if(nodeLeft != null && nodeRight != null){
            names += nodeLeft.getNames()+", ";
            names += nodeRight.getNames();
        } else if(nodeLeft != null){
            names += nodeLeft.getNames();
        } else if(nodeRight != null){
            names += nodeRight.getNames();
        }
      
        return names+")";
    }
}

 

[dzim]

Rein theoretisch. kann du nicht einfach LayoutX und Y nehmen, weil das auf die linke obere Ecke zeigt. So sieht auch dein Bild aus.
Stattdessen musst du zusätzlich noch die Breite und höhe (jeweils durch 2 dividiert) mit einbeziehen, damit du quasi in der Mitte des jeweiligen Nodes bist. Dann noch #toBack (falls es das dort gibt), damit die Line "hinter" dem Node ist und eventuell noch eine fixe Hintergrundfarbe pro Node - sonst sieht du die Linie "durchscheinen".
So stell ich mir das vor...

 

[Java20134]

Ich nehme doch die LayoutProperty der Nodes in der Methode createLine(Node node).

 

[dzim]

Eben. LayoutX/Y ist die obere linke Ecke. Du musst das anpassen. Einfach nur auf LayoutX/Y binden ist zu wenig. (es gibt noch die #add/#substract,... Methoden, die du verwenden kannst)

 

[Java20134]

Ja das ist richtig. Das habe ich auch schon in meine Anfangsfrage gebracht. Aber ich habe dieses schon ausprobiert, doch es hat nicht wirklich funktioniert und ich weiß nicht warum!

Ich habe bspw. die Methode add(10) genutzt und es sah genauso aus, auch wenn ich die Variable erhöht habe. Ab wann sieht es denn bei euch gut aus?

 

[dzim]

Verstehe. Muss ich erst ausprobieren, um da eine gute Aussage zu machen. Kann etwas dauern, da ich gerade zu viele Baustellen gleichzeitig offen habe.

 

[Java20134]

Dankeschön!