JavaFX中如何让颜色按钮仅为最后点击的图形着色？

你的需求核心是跟踪最后选中的图形对象，然后让颜色按钮只对这个对象生效。原代码的问题在于点击颜色按钮时会同时修改两个图形的颜色，没有区分“当前选中的图形”。下面是具体的修改步骤和完整代码：

1. 添加变量记录当前选中的图形 #

因为Circle和Rectangle都继承自Shape类，我们可以用Shape类型的变量来统一保存最后点击的图形：

private Shape currentShape;

2. 改造图形按钮的点击逻辑 #

在点击Circle或Square按钮时，除了设置图形的位置和尺寸，还要把currentShape赋值为对应的图形对象，标记这是当前选中的目标：

• Circle按钮事件：

circle.setOnAction(e -> {
    Circle1.setCenterX(100);
    Circle1.setCenterY(100);
    Circle1.setRadius(45);
    currentShape = Circle1; // 标记当前选中圆形
});

• Square按钮事件：

square.setOnAction(e -> {
    Square.setX(200);
    Square.setY(200);
    Square.setHeight(75);
    Square.setWidth(75);
    currentShape = Square; // 标记当前选中正方形
});

3. 调整颜色按钮的生效逻辑 #

现在颜色按钮只需要修改currentShape的填充色即可，记得先判断currentShape不为null（避免用户还没选图形就点颜色按钮的情况）：

• 红色按钮：

red.setOnAction(e -> {
    if (currentShape != null) {
        currentShape.setFill(Color.RED);
    }
});

• 蓝色按钮：

blue.setOnAction(e -> {
    if (currentShape != null) {
        currentShape.setFill(Color.BLUE);
    }
});

4. 修复布局小问题（可选但重要） #

原代码直接把图形和HBox加到BorderPane的children里，不符合BorderPane的布局逻辑。BorderPane有固定的区域划分，我们应该把按钮栏放在顶部，图形放在中间的容器里：

// 用Pane专门放图形，避免布局冲突
Pane shapePane = new Pane();
shapePane.getChildren().addAll(Square, Circle1);

BorderPane borderPane = new BorderPane();
borderPane.setTop(hBox); // 按钮栏放顶部
borderPane.setCenter(shapePane); // 图形区域放中间

完整修改后的代码 #

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Shape;
import javafx.stage.Stage;

public class ShapeColorDemo extends Application {

    private Shape currentShape; // 记录最后选中的图形

    @Override
    public void start(Stage primaryStage) {
        HBox hBox = new HBox(10); // 给按钮加间距，布局更美观
        Button circleBtn = new Button("Circle");
        Button squareBtn = new Button("Square");
        Button redBtn = new Button("Red");
        Button blueBtn = new Button("Blue");
        hBox.getChildren().addAll(circleBtn, squareBtn, redBtn, blueBtn);

        Rectangle square = new Rectangle();
        squareBtn.setOnAction(e -> {
            square.setX(200);
            square.setY(200);
            square.setHeight(75);
            square.setWidth(75);
            currentShape = square;
        });

        Circle circle = new Circle();
        circleBtn.setOnAction(e -> {
            circle.setCenterX(100);
            circle.setCenterY(100);
            circle.setRadius(45);
            currentShape = circle;
        });

        redBtn.setOnAction(e -> {
            if (currentShape != null) {
                currentShape.setFill(Color.RED);
            }
        });

        blueBtn.setOnAction(e -> {
            if (currentShape != null) {
                currentShape.setFill(Color.BLUE);
            }
        });

        // 调整布局结构
        Pane shapePane = new Pane();
        shapePane.getChildren().addAll(square, circle);

        BorderPane borderPane = new BorderPane();
        borderPane.setTop(hBox);
        borderPane.setCenter(shapePane);

        Scene scene = new Scene(borderPane, 600, 500);
        primaryStage.setTitle("Shape Color Selector");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

额外小优化 #

• 把变量名改成了符合Java规范的小驼峰格式（比如Square改成square），提高代码可读性
• 给HBox添加了间距参数HBox(10)，按钮布局更清爽

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