JavaFx 2.0與FXML：標籤在底部而不是頂部？

Question

是否可以定義TabBar將標籤放在底部而不是頂部？

Answer 1

不要定義TabBar！使用適當的佈局窗格javafx.scene.layout.BorderPane。 查找JavaFX的2.0 API和FXML附例子：

JavaFX的2.0 API

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(); 
    } 
} 

如需進一步信息看看http://download.oracle.com/javafx/2.0/layout/jfxpub-layout.htm

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(); 
    } 
} 

樣品.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> 

Answer 2

要設置的選項卡的使用側下面的代碼片斷：

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 java.io.File; 
import java.io.IOException; 
import java.net.URL; 

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

public class ExampleMain extends Application { 

    /** 
    * @param args 
    */ 
    public static void main(String[] args) { 
     Application.launch(ExampleMain.class, args); 
    } 

    @Override 
    public void start(Stage primaryStage) throws Exception { 
     URL location = ExampleMain.class.getResource("MainView.fxml"); 

     FXMLLoader fxmlLoader = new FXMLLoader(); 
     fxmlLoader.setLocation(location); 
     fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory()); 

     try { 
      Parent root = (Parent) fxmlLoader.load(location.openStream()); 

      // in case you need access to the controller 
      MainViewController mainViewController = fxmlLoader.getController(); 

      primaryStage.setScene(new Scene(root, 1024, 768)); 
      Scene s = primaryStage.getScene(); 
      s.setRoot(root); 
      primaryStage.sizeToScene(); 
      primaryStage.show(); 

     } catch (IOException e) { 
      e.printStackTrace(); 
     } 
    } 
} 

而且控制器：

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中可用。

希望這會有所幫助。