Eu gostaria de usar um TabPane (JavaFX) para exibir o conteúdo de 20 guias diferentes. Isso funciona bem com o TabPane padrão, no entanto, quando o painel atinge uma certa quantidade de guias, um botão / ComboBox pode ser clicado para clicar em uma das guias não vistas.

Estou projetando um recurso que será usado em uma tela sensível ao toque, portanto isso não é o ideal. Eu acho que seria mais intuitivo ter duas linhas de guias separadas.

Como posso adicionar duas linhas de guias a um TabPane ou o que pode ser feito para obter um efeito semelhante? Obrigado antecipadamente.

Aqui está um exemplo de código para reproduzir o que quero dizer:

public class TabTest extends Application {


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

@Override
public void start(Stage primaryStage) throws Exception {
    primaryStage.setTitle("Tabs Test");
    Group root = new Group();
    Scene scene = new Scene(root, 450, 250, Color.WHITE);

    TabPane tabPane = new TabPane();
    BorderPane borderPane = new BorderPane();

    for( int i = 0; i < 20; i++)
    {
        Tab tab = new Tab();
        tab.setText("Tab " + i);
        HBox hbox = new HBox();
        hbox.getChildren().add(new Label("Tab " + i));
        tab.setContent(hbox);
        tabPane.getTabs().add(tab);
    }

    borderPane.prefHeightProperty().bind(scene.heightProperty());
    borderPane.prefWidthProperty().bind(scene.widthProperty());

    borderPane.setCenter(tabPane);
    root.getChildren().add(borderPane);
    primaryStage.setScene(scene);
    primaryStage.show();
}

Link para a visualização com guias, pois ainda não consigo postar imagens