Как соединить два узла вертикальной линии в двух TextFlows в JavaFX? ⇐ JAVA

[Anonymous]

Это мой код:

Код: Выделить всё

public class Test extends Application {

@Override
public void start(Stage primaryStage) throws IOException {
var textFlow1 = createTextFlow();
textFlow1.setStyle("-fx-background-color: cyan");
var textFlow2 = createTextFlow();
textFlow2.setStyle("-fx-background-color: yellow");

VBox vbox = new VBox(textFlow1, textFlow2);
Scene scene = new Scene(vbox, 300, 100);
primaryStage.setScene(scene);
primaryStage.show();
}

private TextFlow createTextFlow() {
Text textA = new Text("ABC");
textA.setStyle("-fx-font-family: 'monospace'; -fx-font-size: 14;");
Line line = new Line(0, 0, 0, 20);
Text textB = new Text("DEF");
textB.setStyle("-fx-font-family: 'monospace'; -fx-font-size: 14;");
TextFlow textFlow = new TextFlow(textA, line, textB);
return textFlow;
}

public static void main(String[] args) {
launch(args);
}
}

и вот результат:
[img]https://i.sstatic.net /MPI8DYpB.png[/img]

Как видите, у меня есть два TextFlow, и каждый из них имеет узел строки. Мне нужно, чтобы эти две линии выглядели как одна линия, другими словами, между ними не должно быть пробела (теперь у меня зазор около 4 пикселей)
Может ли кто-нибудь сказать, как соединить эти линии (как заставить их выглядеть строкой в ​​одну строку)?
Обновить

Решение, предложенное James_D, почти помогло, единственная проблема в том, что мне нужна линия шириной 1 пиксель, но она дает линию шириной 2 пикселя:



Подробнее здесь: https://stackoverflow.com/questions/790 ... -in-javafx