JavaFX - TabPane/Tab 如何使标签标题不可见？答案

【问题标题】：JavaFX - TabPane/Tab How to make tab title invisible?JavaFX - TabPane/Tab 如何使标签标题不可见？
【发布时间】：2012-12-18 12:30:19
【问题描述】：

我是 JavaFX 新手，遇到了一些麻烦：

我有一个包含多个选项卡的 TabPane，我想让选项卡标题不可见。因此，用户不应通过单击标题来更改选项卡，但它会以与菜单不同的方式进行更改..

如何使这个标签标题不可见/隐藏？这就是问题所在。我不想隐藏整个标签或禁用或类似的东西，只是标题。

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

感谢您提供任何线索。

【问题讨论】：

标签： javafx-2 javafx

【解决方案1】：

如果您不使用Tabs，则不需要TabPane。

您可以只引入内容窗格列表并根据菜单命令切换它们。

您可以在下一个问题中找到代码示例：How can I implement the functionality of awt.CardLayout in my javaFX 2.0 application?

【讨论】：

【解决方案2】：

我的研究结论：这在 JavaFX 中是不可能做到的。 TabPane 标题可以位于控件的顶部、左侧、右侧和底部，但不能隐藏。

【讨论】：

【解决方案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>

【讨论】：