JavaFX 8 全屏缩放应用：解决 BorderPane 重复添加子节点问题

本文旨在解决 JavaFX 8 应用中实现全屏缩放时遇到的 `BorderPane` 重复添加子节点的问题。通过分析错误原因和提供正确的代码示例，帮助开发者避免类似错误，并实现期望的全屏缩放效果。文章重点在于理清 `BorderPane` 的使用方式，并提供清晰的布局策略。

在 JavaFX 应用开发中，实现全屏缩放功能是常见的需求。然而，在实现过程中，开发者可能会遇到各种问题，例如 BorderPane 重复添加子节点导致的异常。本文将针对这一问题进行详细分析，并提供解决方案。

问题分析

错误信息 duplicate children added: parent = BorderPane 表明，在代码中，inputBar 被重复添加到了 root (一个 BorderPane 实例) 中。查看代码：

this.root = new BorderPane();
// . . .
root.getChildren().addAll(
    console, 
    scroll, 
    inputBar
);
root.setBottom(inputBar);

inputBar 首先通过 root.getChildren().addAll() 添加到 BorderPane 中，然后又通过 root.setBottom(inputBar) 添加到 BorderPane 的底部区域。这导致了重复添加，从而引发异常。

立即学习“Java免费学习笔记（深入）”；

解决方案

BorderPane 是一种布局容器，它将子节点放置在五个区域：顶部 (Top)、底部 (Bottom)、左侧 (Left)、右侧 (Right) 和中心 (Center)。正确使用 BorderPane 的方式是使用其提供的 setTop()、setBottom()、setLeft()、setRight() 和 setCenter() 方法来设置子节点的位置，而不是直接使用 getChildren().addAll()。

Quillbot

一款AI写作润色工具，QuillBot的人工智能改写工具将提高你的写作能力。

下载

因此，修改后的代码应该如下：

this.root = new BorderPane();
root.setCenter(scroll); // 将 scroll 放在中心区域
root.setBottom(inputBar); // 将 inputBar 放在底部区域

在这个修改后的代码中，console 被放置在 ScrollPane 中，而 scroll 被放置在 BorderPane 的中心区域。inputBar 被放置在 BorderPane 的底部区域。这样就避免了重复添加子节点的问题。

代码示例

下面是修改后的 Console 类的代码示例：

package application.console;

import java.util.List;

import application.areas.startingArea.SA;
import application.areas.vanguardForest.VFCmds;
import application.areas.vanguardForest.VFNavi;
import application.areas.vanguardForest.VFPkups;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.scene.control.ScrollPane;
import javafx.scene.control.TextField;
import javafx.scene.control.ScrollPane.ScrollBarPolicy;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundFill;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Region;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.Text;

public class Console extends Region {

    public static double WIDTH = 990;
    public static double HEIGHT = 525;

    private final Font cinzel;

    private final BorderPane root;

    private final VBox console;
    private final ScrollPane scroll;

    private final HBox inputBar;
    private final TextField input;
    private final Text carrot;

    public Console() {
        this.root = new BorderPane();
        root.setStyle("-fx-background-color: #232323;");

        this.cinzel = Font.loadFont("file:fonts/static/Cinzel-Medium.ttf", 16);

        this.console = new VBox();
        console.setPrefWidth(WIDTH);
        console.setPrefHeight(HEIGHT);

        this.scroll = new ScrollPane();
        scroll.setContent(console);
        scroll.setStyle("-fx-background: #232323;"
                + "-fx-background-color: transparent;"
                + "-fx-border-color: #232323;"
                + "-fx-focus-color: #232323;");
        scroll.setHbarPolicy(ScrollBarPolicy.NEVER);
        scroll.setVbarPolicy(ScrollBarPolicy.NEVER);
        scroll.setBackground(new Background(new BackgroundFill(Color.TRANSPARENT, null, null)));

        console.setStyle("-fx-background-color: #232323;"
                + "-fx-focus-color: #232323;");

        console.heightProperty().addListener(new ChangeListener