JavaFX - TabPane/Tab 如何使选项卡标题不可见？

Question

我是JavaFX的新手，遇到一些困难：

我有一个带有几个选项卡的TabPane，我想使选项卡的标题不可见。因此，用户不能通过单击标题来更改选项卡，但它将从菜单中以不同的方式更改。

如何使这些选项卡的标题不可见/隐藏？这就是问题所在。我不想隐藏整个选项卡或禁用选项卡，只想隐藏标题。

或者您可能有另一个完全不同的想法，如何在JavaFX中解决这个问题。也许使用其他控件？

感谢任何提示。

- Joistick

Answer 1

如果您没有使用Tabs，那么您就不需要TabPane。

您只需介绍一系列内容面板，并根据菜单命令进行切换。

您可以在下一个问题中找到代码示例：如何在我的JavaFX 2.0应用程序中实现awt.CardLayout的功能？。

- Sergey Grinev

Answer 2

我的研究结论是：在JavaFX中无法实现此功能。TabPane的标题可以位于控件的顶部、左侧、右侧和底部，但无法隐藏。

- Joistick

Answer 3

你可以通过将TabPane包装在AnchorPane（根容器）中，并将TabPane的topAnchor设置为所需的负数来实现此目的。

Java代码：

...
AnchorPane.setTopAnchor(myTabPane, -29.0);
AnchorPane.setBottomAnchor(myTabPane, 0);
AnchorPane.setLeftAnchor(myTabPane, 0);
AnchorPane.setRightAnchor(myTabPane, 0);
...

同样在FXML中：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.text.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.*?>
<?import javafx.scene.layout.*?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <TabPane fx:id="myTabPane" prefHeight="200.0" prefWidth="200.0" tabClosingPolicy="UNAVAILABLE" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="-29.0">
        <tabs>
          <Tab fx:id="tab1" text="Tab 1">
            <content>
              <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
                     <children>
                        <Label text="Tab 1" />
                        <Button layoutX="35.0" layoutY="2.0" mnemonicParsing="false" text="Go to Tab 2 (non-functional currently)" />
                     </children>
                  </AnchorPane>
            </content>
          </Tab>
          <Tab fx:id="tab2" text="Tab 2">
            <content>
              <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
                     <children>
                        <Label text="Tab 2" />
                        <Button layoutX="35.0" layoutY="2.0" mnemonicParsing="false" text="Go to Tab 1 (non-functional currently)" />
                     </children>
                  </AnchorPane>
            </content>
          </Tab>
        </tabs>
      </TabPane>
   </children>
</AnchorPane>

- Ali İhsan Şenel