JavaFX 8 如何在TabPane右上角添加可切换颜色的状态指示图标

完全可以实现你需要的效果，以下是两种常用的可直接落地的实现方式：

方案1：布局嵌套实现（最简便，无需自定义控件） #

利用StackPane的层级叠加特性，将指示器浮在TabPane右上角，兼容性最好，JavaFX 8 可直接使用：

• 首先用Circle组件创建圆形指示器，设置固定半径（推荐8px~10px），默认填充色设为需要的初始状态色
• 外层用StackPane作为父容器，先添加原有TabPane，再添加圆形指示器
• 给指示器设置StackPane的对齐属性为右上角，同时添加少量外边距避免贴边遮挡标签
• 业务需要切换状态时，直接调用setFill()方法修改圆形填充色即可

核心示例代码：

import javafx.application.Application;
import javafx.application.Platform;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;

public class TabPaneStatusDemo extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 初始化原有TabPane
        TabPane tabPane = new TabPane();
        tabPane.getTabs().addAll(new Tab("标签1"), new Tab("标签2"), new Tab("标签3"));

        // 创建状态指示器
        Circle statusIndicator = new Circle(8);
        statusIndicator.setFill(Color.GREEN); // 默认绿色状态
        // 设置右上角偏移量，避免遮挡标签
        StackPane.setMargin(statusIndicator, new Insets(10, 15, 0, 0));
        StackPane.setAlignment(statusIndicator, Pos.TOP_RIGHT);

        // 嵌套布局组装
        StackPane root = new StackPane(tabPane, statusIndicator);
        Scene scene = new Scene(root, 600, 400);
        primaryStage.setScene(scene);
        primaryStage.show();

        // 测试状态切换：启动3秒后切换为红色
        new Thread(() -> {
            try {
                Thread.sleep(3000);
                Platform.runLater(() -> statusIndicator.setFill(Color.RED));
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }).start();
    }

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

方案2：嵌入标签栏实现（更贴合原生样式） #

如果希望指示器完全嵌入标签栏区域，不遮挡Tab内容区，可以直接操作TabPane的原生头部容器：

• 待TabPane加载完成后，通过lookup方法获取标签栏容器：StackPane tabHeader = (StackPane) tabPane.lookup(".tab-header-area");
• 直接将指示器添加到该容器中，同样设置右上角对齐即可，指示器会和标签栏在同一层级展示

注意：lookup方法需要在Scene渲染完成后调用才会返回有效对象，建议在stage.show()执行后再操作该逻辑。

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