JavaFX：点击Rectangle打开Color Picker对话框并获取选中颜色

算力阿峰

2026-7-14

解决方案（JavaFX场景）

核心思路：创建一个隐藏的ColorPicker实例，通过Rectangle的点击事件触发它的弹窗，监听颜色选中事件获取结果，完全不需要在界面上显示ColorPicker组件。
代码示例：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class RectangleColorPickerDemo extends Application {
    @Override
    public void start(Stage primaryStage) {
        Rectangle colorTriggerRect = new Rectangle(200, 100, Color.LIGHTGRAY);
        colorTriggerRect.setStroke(Color.BLACK);
        // 创建隐藏的ColorPicker
        ColorPicker hiddenColorPicker = new ColorPicker();
        hiddenColorPicker.setVisible(false);

        // 绑定Rectangle的点击事件到ColorPicker弹窗
        colorTriggerRect.setOnMouseClicked(e -> {
            // 触发颜色选择弹窗
            hiddenColorPicker.show();
        });

        // 监听选中的颜色，处理结果
        hiddenColorPicker.valueProperty().addListener((obs, oldColor, newColor) -> {
            if (newColor != null) {
                // 将选中的颜色应用到Rectangle（示例操作）
                colorTriggerRect.setFill(newColor);
                // 这里可以把newColor作为输出做其他处理
                System.out.println("选中的颜色: " + newColor);
            }
        });

        StackPane root = new StackPane(colorTriggerRect, hiddenColorPicker);
        Scene scene = new Scene(root, 300, 200);
        primaryStage.setTitle("Rectangle触发颜色选择");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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