如何在JavaFX中实现Swing JTabPane选中标签放大效果？

嘿，从Swing转JavaFX的时候遇到这种样式差异太正常了！我当初刚换的时候也纠结过这个——Swing的JTabPane默认确实会把选中的标签放大一圈，JavaFX默认没这个效果，但咱们可以用两种方式轻松实现，给你唠唠：

方法一：使用JavaFX CSS（推荐） #

JavaFX的样式系统就是靠CSS撑起来的，咱们直接利用tab:selected这个伪类就能精准控制选中标签的样式，比硬写代码灵活多了。

你可以选择在FXML里直接写内联样式，或者单独维护一个CSS文件（更推荐，方便统一管理），示例如下：

FXML代码（给TabPane指定样式类） #

<TabPane styleClass="swing-like-tab-pane">
    <Tab text="首页" />
    <Tab text="设置" />
    <Tab text="关于" />
</TabPane>

对应的CSS样式 #

/* 选中标签的样式：放大字体+增大尺寸 */
.swing-like-tab-pane .tab:selected {
    -fx-font-size: 14px;
    -fx-min-width: 105px;
    -fx-min-height: 36px;
    /* 可选：给选中标签加个浅背景，和Swing更贴近 */
    -fx-background-color: #f0f0f0;
}

/* 未选中标签的默认样式，和选中状态形成对比 */
.swing-like-tab-pane .tab {
    -fx-font-size: 12px;
    -fx-min-width: 95px;
    -fx-min-height: 32px;
    -fx-background-color: #e0e0e0;
}

这样设置后，选中的标签不管是字体还是整体尺寸都会比未选中的大，视觉效果和Swing的JTabPane基本一致。你还可以根据自己的需求调整字体大小、尺寸数值或者背景色，完全自定义。

方法二：通过Java代码动态修改（适合需要逻辑控制的场景） #

如果你的场景需要根据动态逻辑（比如不同标签类型对应不同放大比例）来调整样式，那可以通过监听TabPane的选择事件来实现：

// 初始化TabPane和标签
TabPane tabPane = new TabPane();
Tab homeTab = new Tab("首页");
Tab settingTab = new Tab("设置");
Tab aboutTab = new Tab("关于");
tabPane.getTabs().addAll(homeTab, settingTab, aboutTab);

// 监听选中标签变化的事件
tabPane.getSelectionModel().selectedItemProperty().addListener((obs, oldTab, newTab) -> {
    // 恢复之前选中标签的默认样式
    if (oldTab != null) {
        oldTab.setStyle("-fx-font-size: 12px; -fx-min-width: 95px; -fx-min-height: 32px; -fx-background-color: #e0e0e0;");
    }
    // 给新选中的标签设置放大样式
    if (newTab != null) {
        newTab.setStyle("-fx-font-size: 14px; -fx-min-width: 105px; -fx-min-height: 36px; -fx-background-color: #f0f0f0;");
    }
});

// 初始化默认选中第一个标签的样式
tabPane.getSelectionModel().selectFirst();

这种方式灵活性更高，但代码量会多一些，一般推荐优先用CSS的方式，更符合JavaFX的样式设计理念。

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