Splitpane JavaFX：两个窗格上的文本呈现在同一级别上

Question

我正在构建一个文本语音应用程序。我正在使用splitpane来显示它。左窗格显示动态变化的语音到文本信息。右窗格显示一个“是/否”固定文本为每个句子说在左窗格在同一级别。

为了确保“Yes/No”显示在与左窗格中的句子完全相同的级别上，每当说出新句子时，我将在左窗格和右窗格中添加文本到相应的HBox(Splitpane_left_hbox（语音到文本句子）和Splitpane_right_hbox（“Yes/No”））。

左框和右框放置在left_Vbox和right_vbox中，用于语音到文本句子的垂直呈现。

我正在测量Splitpane_left_hbox（包含可变宽度语音到文本句子）的高度，以便为右侧的Hbox分配相同的高度。以便当出现新句子时,Splitpane_left_hbox和Splitpane_right_hbox上的文本都出现在新行的同一级别。

问题：

1. splitPane_left_HBox.getHeight()返回0.0，即使其中有文本。
2. 这使我无法为Splitpane_left_hbox设置一个值以将它们定位在同一级别。

>

在将语音到文本的文本添加到Splitpane_left_hbox后，如何获得Splitpane_left_hbox的最终高度？

是否有更有效的方法使这些文本在两个窗格上显示在同一级别？

FXML文件：

<SplitPane fx:id="split_pane" dividerPositions="0.49613899613899615" prefHeight="497.0" prefWidth="1040.0">
     <items>
        <ScrollPane prefViewportHeight="341.0" prefViewportWidth="512.0">
           <content>
              <VBox fx:id="split_pane_1_Vbox" prefHeight="494.0" prefWidth="513.0">
                 <children>
                    <HBox fx:id="split_pane_1_hbox" fillHeight="false">
                       <children>
                          <Text fx:id="text_1" />
                       </children>
                    </HBox>
                 </children>
              </VBox>
           </content>
        </ScrollPane>
        <ScrollPane prefViewportHeight="341.0" prefViewportWidth="520.0">
           <content>
              <VBox fx:id="split_pane_2_Vbox" prefHeight="496.0" prefWidth="523.0">
                 <children>
                    <HBox fx:id="split_pane_2_hbox" prefHeight="300.0" prefWidth="200.0" />
                    <children>
                       <Text fx:id="text_2" />
                   </children>
              </VBox>
           </content>
        </ScrollPane>
     </items>
  </SplitPane>

void addFinalText(String sentence) {



    Text text_1 = new Text(sentence.trim());
    text_1.setFont(Font.font(null, FontWeight.MEDIUM, textSize));
    double[] dividerPositions = split_pane.getDividerPositions();



    double split_pane_width = split_pane.getPrefWidth();
    double single_pane_width = dividerPositions[0] * split_pane_width;
    text_1.setWrappingWidth(single_pane_width);


    Text text_2 = new Text();
    text_2.setFont(Font.font(null, FontWeight.MEDIUM, textSize));




    Text text = new Text();
    text.setText(sentence.trim() +  " ");
    text.setFont(Font.font(null, FontWeight.MEDIUM, textSize));


    if (sentence.contains("hi")) {

        text_2.setText("Yes" + "\n");
        text_2.setFill(Color.RED);
        text_1.setFill(Color.RED);
    }
    else {
        text_2.setText("No" + "\n");
    }

    HBox left_hbox = new HBox();
    left_hbox.getChildren().add(text_1);
    double leftHboxHeight = left_hbox.getHeight();

    HBox right_hbox = new HBox();
    right_hbox.setHeight(leftHboxHeight);
    right_hbox.getChildren().add(text_2);

    right_hbox.getChildren().add(text_2);
    left_hbox.getChildren().add(text_1);

}

App截图：

我是JavaFX新手。提前道谢。`

Answer 1

在下一个布局通过之前不定位节点。此布局传递发生在方法返回后的某个时间。最好为Yes/No文本使用窗格并将这些节点的Layouty属性绑定到Layouty属性。只需确保添加到右侧的文本的垂直对齐是正确的。

@Override
public void start(Stage primaryStage) {
    VBox left = new VBox();
    Pane right = new Pane();
    
    Button button = new Button("Add");
    
    HBox hbox = new HBox(left, right, button);
    button.setOnAction(new EventHandler<ActionEvent>() {
        private int count = 1;
        
        private final StringBuilder builder = new StringBuilder("1");
        
        @Override
        public void handle(ActionEvent event) {
            Text text = new Text(builder.toString());
            Text yesNo = new Text(count % 2 == 0 ? "Yes" : "No");
            yesNo.setTextOrigin(VPos.TOP);
            
            HBox container = new HBox(text);
            
            left.getChildren().add(container);
            left.getChildren().add(text);
            right.getChildren().add(yesNo);
            yesNo.layoutYProperty().bind(container.layoutYProperty());
            
            count++;
            builder.append('\n');
            for (int i = 0; i < count; i++) {
                builder.append('1');
            }
        }
    
    });
    
    Scene scene = new Scene(hbox, 400, 400);
    primaryStage.setScene(scene);
    primaryStage.show();
}

请注意，这不会同步ScrollPane的滚动。我建议使用GridPane并将文本添加到相同的ScrollPane中。