如何在JavaFX中创建Pane数组并批量管理多个同类Pane

问题背景 #

我有一个包含label1、label2、label3和一个图标（带图片的Pane）的Pane，复制后得到10个Pane（左侧5个、右侧5个），并为每个Pane的组件赋予了不同名称（如left1label1、left2label1、right2label3），但不想为每个Pane单独编写配置方法。

当前的重复代码示例：

public void leftPane1Config()
{
    leftPane1Label1.setText("Object");
    leftPane1Label2.setText("HP:"+ hp);
    leftPane1Label3.setText("EXP:"+ exp);

    Image img= new Image("directory");
    leftPane1Icon.setEffect(new ImageInput(img));
}

public void leftPane2Config()
{
    leftPane2Label1.setText("Object");
    leftPane2Label2.setText("HP:"+ hp);
    leftPane2Label3.setText("EXP:"+ exp);

    Image img= new Image("directory");
    leftPane2Icon.setEffect(new ImageInput(img));
}

// 还有8个类似方法...

尝试过的无效方案：

1. 试图通过Pane的子组件获取标签，但无法直接调用setText()：

leftPane1.getChildren().add(leftPane1Label1);
leftPane1.getChildren().get(0).setText?? // 无法调用，因为返回的是Node类型

2. 创建Pane数组，但未解决组件关联问题：

Pane[] leftPane= new Pane[5];
leftPane[0]= new Pane();

解决方案 #

方案1：自定义Pane封装类（推荐） #

创建一个自定义的Pane子类，把每个Pane内的标签和图标组件封装进去，提供统一的配置方法，再用数组或集合管理这些自定义Pane实例，彻底消除重复代码。

步骤1：编写自定义Pane类

import javafx.scene.control.Label;
import javafx.scene.effect.ImageInput;
import javafx.scene.image.Image;
import javafx.scene.layout.Pane;

public class CustomStatusPane extends Pane {
    // 封装当前Pane内的所有组件
    private Label label1;
    private Label label2;
    private Label label3;
    private Pane iconPane;

    // 构造函数初始化组件
    public CustomStatusPane() {
        label1 = new Label();
        label2 = new Label();
        label3 = new Label();
        iconPane = new Pane();

        // 将组件添加到当前Pane中，可根据需求设置布局位置、样式
        this.getChildren().addAll(label1, label2, label3, iconPane);
    }

    // 统一配置方法
    public void configure(String objectName, int hp, int exp, String imagePath) {
        label1.setText(objectName);
        label2.setText("HP:" + hp);
        label3.setText("EXP:" + exp);

        Image img = new Image(imagePath);
        iconPane.setEffect(new ImageInput(img));
    }

    // 按需提供组件getter，方便单独修改某个组件
    public Label getLabel1() {
        return label1;
    }
}

步骤2：批量创建与配置Pane

// 创建左右两侧的自定义Pane数组
CustomStatusPane[] leftPanes = new CustomStatusPane[5];
CustomStatusPane[] rightPanes = new CustomStatusPane[5];

// 初始化所有Pane
for (int i = 0; i < 5; i++) {
    leftPanes[i] = new CustomStatusPane();
    rightPanes[i] = new CustomStatusPane();
    // 此处可设置Pane的布局位置、样式等
}

// 批量配置示例
int baseHp = 100;
int baseExp = 500;
String imagePath = "directory";

// 配置左侧所有Pane
for (CustomStatusPane pane : leftPanes) {
    pane.configure("Object", baseHp, baseExp, imagePath);
}

// 配置右侧Pane（可根据索引设置差异化参数）
for (int i = 0; i < rightPanes.length; i++) {
    rightPanes[i].configure("Object " + (i+1), baseHp + i*10, baseExp + i*50, imagePath);
}

方案2：用Map关联组件（无需自定义类） #

如果不想创建自定义类，可以用Map存储每个Pane对应的组件集合，通过统一方法批量配置：

import javafx.scene.control.Label;
import javafx.scene.layout.Pane;
import java.util.HashMap;
import java.util.Map;

// 用Map存储每个Pane的组件，键为Pane标识，值为组件数组
Map<String, Object[]> paneComponents = new HashMap<>();

// 初始化：将所有Pane的组件存入Map
paneComponents.put("left1", new Object[]{leftPane1Label1, leftPane1Label2, leftPane1Label3, leftPane1Icon});
paneComponents.put("left2", new Object[]{leftPane2Label1, leftPane2Label2, leftPane2Label3, leftPane2Icon});
// ... 剩余8个Pane依次存入

// 统一配置方法
public void configurePane(String paneKey, String objectName, int hp, int exp, String imagePath) {
    Object[] components = paneComponents.get(paneKey);
    if (components == null) return;

    Label label1 = (Label) components[0];
    Label label2 = (Label) components[1];
    Label label3 = (Label) components[2];
    Pane iconPane = (Pane) components[3];

    label1.setText(objectName);
    label2.setText("HP:" + hp);
    label3.setText("EXP:" + exp);

    Image img = new Image(imagePath);
    iconPane.setEffect(new ImageInput(img));
}

// 调用示例
configurePane("left1", "Object", baseHp, baseExp, imagePath);
// 或循环批量处理所有Pane

内容的提问来源于stack exchange，提问作者Dabs