提问者:小点点

JavaFX从工具栏上下文菜单中删除节点


我在使用工具栏时遇到了问题。我已经提供了一个小程序,演示了我试图做什么和这个问题。基本上,我在工具栏上添加了一个“自定义”按钮。“自定义”按钮上有一个X图像,它们有一个动作,允许它们将自己从工具栏中移除。这很好。问题是当添加到工具栏的按钮比宽度多的时候,工具栏会很好地显示查看上下文菜单/弹出菜单的选项来显示其他按钮。这个也很好用。问题出现在从工具栏中移除按钮时。移除工具栏上可见的按钮效果很好,但是如果你试图从上下文菜单中移除按钮,当它变得可见时,它不会重画自己,所以按钮看起来像没有被移除。如果上下文菜单是隐藏的,然后重新显示,按钮已经被删除,所以这只是一个重新绘制的问题。

无论如何,我可以强制它从父节点(工具栏)向下重绘吗?

    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);
        }

    }
}

工具栏持有人.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>

共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());
}

我知道它看起来很粗糙,并且对上下文菜单的组成有内幕知识,但它确实有效。