是否存在支持选中状态切换的JavaFX SplitMenuButton？

嘿，这个需求很实用！JavaFX原生的SplitMenuButton本身并没有内置的选中切换状态，但咱们完全可以通过自定义控件来实现和你提到的OpenIDE JToggleButton（也就是DropDownButtonFactory.createDropDownToggleButton创建的那种）一模一样的效果。

核心实现思路 #

• 给SplitMenuButton添加一个选中状态属性（BooleanProperty），用来跟踪按钮的选中/未选中状态
• 区分主按钮区域和箭头区域的点击行为：
  • 点击主区域：切换选中状态，同时触发onAction绑定的逻辑
  • 点击箭头区域：仅弹出下拉菜单，不改变选中状态
• 可选：添加样式支持，让选中状态有明显的视觉反馈

完整自定义控件代码 #

import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.scene.control.SplitMenuButton;
import javafx.scene.input.MouseEvent;

public class ToggleSplitMenuButton extends SplitMenuButton {
    // 选中状态属性，供外部监听或绑定
    private final BooleanProperty selected = new SimpleBooleanProperty(false);

    public ToggleSplitMenuButton() {
        initButtonBehavior();
    }

    private void initButtonBehavior() {
        // 处理鼠标点击事件，区分主区域和箭头区域
        this.addEventHandler(MouseEvent.MOUSE_CLICKED, event -> {
            // 判断点击的是主按钮区域而非箭头或菜单
            if (event.getTarget() == this || (getItems().isEmpty() && event.getTarget() instanceof SplitMenuButton)) {
                // 切换选中状态
                setSelected(!isSelected());
                // 如果有绑定的onAction，触发它
                if (getOnAction() != null) {
                    getOnAction().handle(null);
                }
                event.consume();
            }
        });

        // 监听选中状态变化，更新样式类（用于视觉反馈）
        selected.addListener((observable, oldValue, newValue) -> {
            if (newValue) {
                getStyleClass().add("toggle-selected");
            } else {
                getStyleClass().remove("toggle-selected");
            }
        });
    }

    // 标准的属性访问方法
    public BooleanProperty selectedProperty() {
        return selected;
    }

    public boolean isSelected() {
        return selected.get();
    }

    public void setSelected(boolean selected) {
        this.selected.set(selected);
    }
}

如何使用这个自定义按钮 #

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Menu;
import javafx.scene.control.MenuItem;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ToggleSplitButtonDemo extends Application {
    @Override
    public void start(Stage stage) {
        // 创建下拉菜单
        Menu operationMenu = new Menu("更多操作");
        operationMenu.getItems().addAll(
                new MenuItem("导出数据"),
                new MenuItem("设置参数"),
                new MenuItem("帮助文档")
        );

        // 创建自定义切换按钮
        ToggleSplitMenuButton toggleBtn = new ToggleSplitMenuButton();
        toggleBtn.setText("状态切换");
        toggleBtn.getItems().add(operationMenu);

        // 监听选中状态变化
        toggleBtn.selectedProperty().addListener((obs, oldState, newState) -> {
            System.out.println("当前选中状态：" + newState);
            // 这里可以添加状态切换后的业务逻辑
        });

        // 绑定主按钮点击的额外逻辑
        toggleBtn.setOnAction(e -> {
            System.out.println("主按钮被点击，执行自定义动作");
        });

        // 布局展示
        VBox root = new VBox(10);
        root.getChildren().add(toggleBtn);
        root.setStyle("-fx-padding: 20;");
        Scene scene = new Scene(root, 300, 200);
        // 可选：添加样式文件，增强视觉反馈
        scene.getStylesheets().add(getClass().getResource("toggle-button-styles.css").toExternalForm());

        stage.setTitle("带切换状态的SplitMenuButton");
        stage.setScene(scene);
        stage.show();
    }

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

可选：添加视觉样式（toggle-button-styles.css） #

为了让选中状态更直观，你可以添加CSS样式：

.toggle-selected {
    -fx-background-color: #2c6ecc;
    -fx-text-fill: white;
    -fx-border-color: #1f53a6;
    -fx-border-width: 1px;
}

.toggle-selected:hover {
    -fx-background-color: #3a7bd5;
}

效果说明 #

• 点击按钮的主文本/图标区域：按钮切换选中状态，同时触发onAction逻辑
• 点击右侧的箭头区域：仅弹出下拉菜单，不会改变选中状态
• 选中状态可以通过selectedProperty()监听，方便绑定业务逻辑

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