JavaFX ColorPicker仅显示调色板而非颜色选择器的实现方法

我在折线图中用Label替代图例符号，点击Label时需要唤起调色板选择系列颜色，但不想显示ColorPicker的默认控件，只弹出调色板面板。以下是实现思路和修改后的代码：

修改后的完整代码 #

核心思路是把ColorPicker本身设置为不可见，只保留它的调色板弹窗功能，点击Label时直接触发弹窗并定位到Label附近：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class LabelPaletteOnly extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Pane pane = new Pane();

        ColorPicker colorPicker = new ColorPicker(Color.BLUE) {
            @Override
            public void hide() {
                super.hide();
            }
        };
        // 隐藏ColorPicker控件本身，仅保留调色板弹窗能力
        colorPicker.setVisible(false);
        // 让控件不参与布局计算，避免占用空间
        colorPicker.setManaged(false);

        Label label = new Label("Series name");
        // 绑定Label文字颜色与选中的颜色
        label.textFillProperty().bind(colorPicker.valueProperty());

        pane.getChildren().addAll(label, colorPicker);

        label.addEventFilter(MouseEvent.MOUSE_PRESSED, event -> {
            // 将调色板定位在Label的正下方
            colorPicker.show(label, 0, label.getHeight());
            event.consume();
        });

        Scene scene = new Scene(pane, 800, 600);
        stage.setScene(scene);
        stage.show();
    }

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

关键修改细节 #

• 隐藏ColorPicker主控件：通过setVisible(false)让控件本身不显示，setManaged(false)确保它不会影响其他元素的布局。
• 精准定位调色板：使用show(Node anchor, double anchorX, double anchorY)方法，直接将调色板弹窗锚定在Label下方，替代原代码中手动添加到Pane并绑定布局的方式。
• 简化隐藏逻辑：移除了原代码中隐藏时从Pane删除ColorPicker的操作，因为控件本身已不可见，无需额外清理。

效果说明 #

点击Label时会直接弹出调色板面板，选择颜色后Label的文字颜色会实时同步更新，全程不会看到ColorPicker的默认按钮控件，完全满足仅显示调色板的需求。

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