从上下文菜单中显示颜色选择器

Question

我想从上下文菜单中显示拾色器：

ColorPicker colorssPicker = new ColorPicker();

    final MenuItem resizeItem = new MenuItem("Option 1");
    resizeItem.setOnAction(new EventHandler<ActionEvent>()
    {
        @Override
        public void handle(ActionEvent event)
        {

        }
    });

    final MenuItem resizesItem = new MenuItem();
    resizesItem.setGraphic(colorssPicker);
    resizesItem.setOnAction(new EventHandler<ActionEvent>()
    {
        @Override
        public void handle(ActionEvent event)
        {

        }
    });

    final ContextMenu menu = new ContextMenu();

    menu.getItems().addAll(resizeItem, resizesItem);

    sc.setOnMouseClicked(new EventHandler<MouseEvent>()
    {
        @Override
        public void handle(MouseEvent event)
        {
            if (MouseButton.SECONDARY.equals(event.getButton()))
            {
                menu.show(primaryStage, event.getScreenX(), event.getScreenY());
            }
        }
    });

此代码无效，单击上下文菜单时看不到拾色器 "Choose Color"。实现这个的正确方法是什么？

我得到这个结果：

Answer 1

此代码段可让您显示嵌入到 ContextMenu 中的 ColorPicker 控件。

您可以设置它的样式，使其看起来不像一个按钮，方法是设置它的背景颜色。

@Override
public void start(Stage primaryStage) {
    StackPane root = new StackPane();

    final ColorPicker colorssPicker = new ColorPicker();
    colorssPicker.setStyle("-fx-background-color: white;");

    final MenuItem otherItem = new MenuItem(null, new Label("Other item"));

    final MenuItem resizeItem = new MenuItem(null,colorssPicker);
    resizeItem.setOnAction(new EventHandler<ActionEvent>(){
        @Override
        public void handle(ActionEvent event)
        {
            root.setBackground(new Background(new BackgroundFill(colorssPicker.getValue(),null,null)));
        }
    });

    final ContextMenu menu = new ContextMenu(otherItem,resizeItem);

    Scene scene = new Scene(root, 300, 250);
    scene.setOnMouseClicked(new EventHandler<MouseEvent>(){
        @Override
        public void handle(MouseEvent event){
            if (MouseButton.SECONDARY.equals(event.getButton())){
                menu.show(primaryStage, event.getScreenX(), event.getScreenY());
            }
        }
    });

    primaryStage.setScene(scene);
    primaryStage.show();
}

从上下文菜单中显示颜色选择器

Show Colorpicker from Contextmenu

javafx

javafx-8