JavaFX从ToolBar ContextMenu中删除节点

Question

我在使用工具栏时遇到了问题。我提供了一个小程序，演示了我正在尝试做什么和问题。基本上我将“自定义”按钮添加到工具栏。 “自定义”按钮上有一个X图像，它们有一个动作，允许它们从工具栏中删除自己。这很好用。问题是当工具栏中添加了更多按钮而不是显示宽度时，工具栏执行它显示选项以查看ContextMenu / popup以显示其他按钮的良好行为。这也很有效。从工具栏中删除按钮时出现问题。删除工具栏上可见的按钮效果很好，但如果您尝试从ContextMenu中删除按钮，当它被显示时，它不会重绘自身，因此按钮看起来没有被删除。如果隐藏了ContextMenu然后重新显示了Button已被删除，那么这只是一个重绘问题。

无论如何我可以强制这从父节点（工具栏）重绘吗？

    package ToolbarTest;

import java.net.URL;
import java.util.LinkedHashMap;
import java.util.ResourceBundle;

import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.Node;
import javafx.scene.control.Button;
import javafx.scene.control.ToggleButton;
import javafx.scene.control.ToolBar;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;

public class ToolbarHolderController implements Initializable {

    @FXML
    ToolBar toolBar;
    @FXML
    BorderPane borderPane;
    @FXML
    Button addButton;
    @FXML
    Button removeButton;
    @FXML
    private LinkedHashMap<String, ToggleButton> toggleButtonHash = new LinkedHashMap<>();

    @Override
    public void initialize(URL location, ResourceBundle resources) {

        IntegerProperty i = new SimpleIntegerProperty(0);

        addButton.setOnAction(e -> {
            ImageView closeImageView = new ImageView(new Image(getClass().getResource("tabclose2.png").toString()));
            String text="B:" + i.get();
            RemoveableToggleButton tButton = new RemoveableToggleButton(text, closeImageView, new EventHandler<ActionEvent>() {
                @Override
                public void handle(ActionEvent e) {
                    if (toggleButtonHash.containsKey(text)) {
                        toolBar.getItems().remove(toggleButtonHash.get(text));
                        toggleButtonHash.remove(text);
                    }
                    e.consume();
                }
            });
            toolBar.getItems().add(tButton);
            toggleButtonHash.put(text, tButton);
            i.set(i.get() + 1);
        });

        removeButton.setOnAction(e->{
                toolBar.getItems().remove(toolBar.getItems().size()-1);
            }
        );
    }

    class RemoveableToggleButton extends ToggleButton {

        private Button close = new Button();

        public RemoveableToggleButton(String text, Node graphic, EventHandler<ActionEvent> closeEvent) {
            this.close.setGraphic(graphic);
            this.close.setOnAction(closeEvent);
            this.close.setMouseTransparent(false);
            this.textProperty().set(text);
            this.setGraphic(close);
        }

    }
}

ToolBarHolder.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.*?>
<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.BorderPane?>

<BorderPane fx:id="borderPane" xmlns="http://javafx.com/javafx/8.0.40" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ToolbarTest.ToolbarHolderController">
   <top>
      <ToolBar fx:id="toolBar" prefHeight="40.0" prefWidth="200.0" BorderPane.alignment="CENTER" />
   </top>
   <center>
      <HBox spacing="5.0" BorderPane.alignment="CENTER_LEFT">
         <children>
            <Button fx:id="addButton" mnemonicParsing="false" text="add" />
             <Button fx:id="removeButton" mnemonicParsing="false" text="remove" />
         </children>
         <padding>
            <Insets bottom="5.0" left="5.0" top="5.0" />
         </padding>
      </HBox>
   </center>
</BorderPane>

Answer 1

我们有同样的问题。通过一系列的反复试验，我能够发现你不仅需要从toolbar.getItems（）中删除按钮，还需要从“溢出”按钮生成的上下文菜单中删除按钮。

试试这个：

// if the button is inside of a context menu, remove it from there as well
if (buttonToClose.getParent() != null &&
    buttonToClose.getParent().getParent() != null &&
    buttonToClose.getParent().getParent().getParent() != null &&
    buttonToClose.getParent().getParent().getParent() instanceof ContextMenuContent) {

    ContextMenuContent contextMenuContent = buttonToClose.getParent().getParent().getParent();
    contextMenuContent.getItemsContainer().getChildren().remove(buttonToClose.getParent());
}

我知道它看起来真的很hacky并且对该上下文菜单的构成有内部知识，但是它有效。