JavaFX中点击Tab时如何隐藏TabPane内容？

我懂你想要的那种效果——就像Intellij IDEA里「Project」「Structure」这类工具按钮，点一下显示面板，再点一下就收起来。之前你用selectedProperty()设null没生效，其实是因为JavaFX的TabPane有默认的选中状态维护逻辑：只要面板里存在Tab，直接设置selectedTab为null会被框架自动覆盖，所以这个路子走不通。

给你一套可行的实现方案，核心是通过监听Tab的点击事件，手动控制选中状态的切换：

1. 区分点击场景，记录状态
   我们需要判断用户点击的是当前已选中的Tab（此时要隐藏内容），还是未选中的Tab（此时要显示对应内容），所以得记录上一次的选中状态避免逻辑冲突。

2. 给每个Tab绑定点击事件
   直接监听Tab的鼠标点击事件，而不是依赖selectedProperty的监听器，这样能更精准地控制行为：

TabPane tabPane = new TabPane();
Tab projectTab = new Tab("Project");
projectTab.setContent(new Label("Project面板内容"));
Tab structureTab = new Tab("Structure");
structureTab.setContent(new Label("Structure面板内容"));
tabPane.getTabs().addAll(projectTab, structureTab);

// 记录上一次激活的Tab，用于切换隐藏状态
Tab lastActiveTab = null;

for (Tab tab : tabPane.getTabs()) {
    tab.setOnMouseClicked(event -> {
        Tab currentSelected = tabPane.getSelectionModel().getSelectedItem();
        if (tab.equals(currentSelected)) {
            // 点击的是当前激活的Tab，切换隐藏状态
            tabPane.getSelectionModel().clearSelection();
            lastActiveTab = tab;
        } else {
            // 点击的是其他Tab，正常激活显示内容
            tabPane.getSelectionModel().select(tab);
            lastActiveTab = null;
        }
    });
}

// 可选：优化视觉效果，隐藏选中状态时调整TabPane样式
tabPane.getSelectionModel().selectedItemProperty().addListener((obs, oldTab, newTab) -> {
    if (newTab == null) {
        // 没有选中Tab时，去掉面板边框和背景，更贴近IDEA的工具按钮风格
        tabPane.setStyle("-fx-background-color: transparent; -fx-border-width: 0;");
    } else {
        // 恢复默认样式
        tabPane.setStyle("");
    }
});

3. 效果说明

• 首次点击某个Tab，会显示对应的面板内容
• 再次点击同一个Tab，会清空选中状态，隐藏面板内容
• 点击其他Tab，会自动切换显示对应面板的内容

这样实现的效果就和IDEA里的工具按钮完全一致了，完美避开了selectedProperty设null的无效问题。

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