带FXML的JavaFX2.0：标签在底部而不是顶部？

是否可以定义选项卡栏以将选项卡放在底部而不是顶部？

不要定义

选项卡栏

！使用适当的布局窗格，例如

javafx.scene.layout.BorderPane

。 查找JavaFX2.0API和FXML的附加示例：

JavaFX2.0API

package tabtest;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class TabTest extends Application {

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

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();
        Scene scene = new Scene(root, 300, 250);

        TabPane tabPane = new TabPane();
        Tab tab1 = new Tab("Tab 1");
        tabPane.getTabs().add(tab1);

        root.setBottom(tabPane);

        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

有关更多信息，请查看

FXML

package fxmltest;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class FxmlTest extends Application {

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

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("Sample.fxml"));

        Scene scene = new Scene(root, 300, 250);
        stage.setScene(scene);
        stage.show();
    }
}

Sample.fxml：

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

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

<BorderPane>
    <bottom>
        <TabPane>
            <tabs>
                <Tab text="Tab 1" />
            </tabs>
        </TabPane>
    </bottom>
</BorderPane>

---

不要定义

选项卡栏

！使用适当的布局窗格，例如

javafx.scene.layout.BorderPane

。 查找JavaFX2.0API和FXML的附加示例：

JavaFX2.0API

package tabtest;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class TabTest extends Application {

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

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();
        Scene scene = new Scene(root, 300, 250);

        TabPane tabPane = new TabPane();
        Tab tab1 = new Tab("Tab 1");
        tabPane.getTabs().add(tab1);

        root.setBottom(tabPane);

        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

有关更多信息，请查看

FXML

package fxmltest;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class FxmlTest extends Application {

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

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("Sample.fxml"));

        Scene scene = new Scene(root, 300, 250);
        stage.setScene(scene);
        stage.show();
    }
}

Sample.fxml：

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

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

<BorderPane>
    <bottom>
        <TabPane>
            <tabs>
                <Tab text="Tab 1" />
            </tabs>
        </TabPane>
    </bottom>
</BorderPane>

---

要设置选项卡的侧面，请使用以下代码段：

TabPane tabPane = new TabPane();
Tab tab1 = new Tab("Tab 1");
tab1.setContent(new Label("Tab1 content"))
tabPane.getTabs().add(tab1);
tabPane.setSide(Side.BOTTOM)

现在，内容位于选项卡上方

同样作为完整的FXML示例：

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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.collections.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.effect.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.text.*?>
<?import javafx.scene.web.*?>

<BorderPane xmlns:fx="http://javafx.com/fxml" fx:controller="example.MainViewController">
  <bottom>
    <HBox>
      <children>
        <Button fx:id="btnNewTab" mnemonicParsing="false" text="Add New Tab" onAction="#btnNewTabAction" />
      </children>
    </HBox>
  </bottom>
  <center>
    <TabPane fx:id="tabPane" side="BOTTOM">
      <tabs>
        <Tab text="Untitled Tab 1">
          <content>
            <AnchorPane id="Content">
                <Label>Content 1</Label>
            </AnchorPane>
          </content>
        </Tab>
        <Tab text="Untitled Tab 2">
          <content>
            <AnchorPane id="Content">
                <Label>Content 2</Label>
            </AnchorPane>
          </content>
        </Tab>
      </tabs>
    </TabPane>
  </center>
  <top>
    <Label text="TabPane Example" />
  </top>
</BorderPane>

以及控制器：

package example;

import javafx.fxml.FXML;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;

public class MainViewController {

    private static int counter = 0;

    @FXML
    private TabPane tabPane;

    @FXML
    public void btnNewTabAction() {
        Tab tab = new Tab();
        tab.setText("new Tab " + ++counter);
        tab.setContent(new Label("Content of new tab " + counter));
        tabPane.getTabs().add(tab);
    }
}

正如您在示例中看到的，fxml是Java类的xml表示。如果类有一个属性端（getSide，setSide），那么该类在fxml中有一个属性端。因此，您可以阅读api文档以了解fxml中哪些属性可用

---

希望这有帮助。

要设置选项卡的侧面，请使用以下代码段：

TabPane tabPane = new TabPane();
Tab tab1 = new Tab("Tab 1");
tab1.setContent(new Label("Tab1 content"))
tabPane.getTabs().add(tab1);
tabPane.setSide(Side.BOTTOM)

现在，内容位于选项卡上方

同样作为完整的FXML示例：

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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.collections.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.effect.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.text.*?>
<?import javafx.scene.web.*?>

<BorderPane xmlns:fx="http://javafx.com/fxml" fx:controller="example.MainViewController">
  <bottom>
    <HBox>
      <children>
        <Button fx:id="btnNewTab" mnemonicParsing="false" text="Add New Tab" onAction="#btnNewTabAction" />
      </children>
    </HBox>
  </bottom>
  <center>
    <TabPane fx:id="tabPane" side="BOTTOM">
      <tabs>
        <Tab text="Untitled Tab 1">
          <content>
            <AnchorPane id="Content">
                <Label>Content 1</Label>
            </AnchorPane>
          </content>
        </Tab>
        <Tab text="Untitled Tab 2">
          <content>
            <AnchorPane id="Content">
                <Label>Content 2</Label>
            </AnchorPane>
          </content>
        </Tab>
      </tabs>
    </TabPane>
  </center>
  <top>
    <Label text="TabPane Example" />
  </top>
</BorderPane>

以及控制器：

package example;

import javafx.fxml.FXML;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;

public class MainViewController {

    private static int counter = 0;

    @FXML
    private TabPane tabPane;

    @FXML
    public void btnNewTabAction() {
        Tab tab = new Tab();
        tab.setText("new Tab " + ++counter);
        tab.setContent(new Label("Content of new tab " + counter));
        tabPane.getTabs().add(tab);
    }
}

正如您在示例中看到的，fxml是Java类的xml表示。如果类有一个属性端（getSide，setSide），那么该类在fxml中有一个属性端。因此，您可以阅读api文档以了解fxml中哪些属性可用

---

希望这能有所帮助。

我不是FXML方面的专家，但本教程可能会给出答案。很抱歉，如果您想要一个包含选项卡上方内容的选项卡窗格，这并不能解决问题。如果您添加内容，例如tab1.setContent（新标签（“tab1内容”）），则它会显示在选项卡下方。我不是FXML方面的专家，但教程可能会给出答案。很抱歉，如果您希望在选项卡上方有一个包含内容的选项卡窗格，那么这并不能解决问题。如果您添加内容，例如tab1.setContent（新标签（“tab1内容”）），则它将显示在选项卡下方。关于我的答案，您完全正确，谢谢！你能提供一个正确的例子来解决FXML的问题吗？关于我的答案，你是绝对正确的，谢谢！您能提供一个正确的例子来解决FXML的问题吗？