TabPane中的圖標和文本

Question

我想在TabPane中添加圖標以及文本，我的情況下的選項卡將在圖像中顯示的左側對齊。我想實現如下：

1. 的標籤中的文字應當旋轉，它應該是水平排列（不喜歡它看起來在圖一）。

2. 我想一起添加圖標與文本。我在圖b的mspaint中編輯它後顯示我的最終屏幕。

圖a。

圖b。

編輯：

我跟着How to add an icon to the Tab control in FXML?但我沒有得到圖標，我想在圖B，而它看起來像圖溫度。我嘗試添加以下風格但沒有變化：

.tab-pane { 
    -fx-tab-min-width:120px; 
    -fx-tab-max-width:120px; 
    -fx-tab-min-height:50px; 
    -fx-tab-max-height:50px; 
} 

圖c。

Answer 1

請考慮這個例如，您可以將想法到您的項目，當你想創建許多Tab：

import javafx.application.Application; 
import javafx.geometry.Pos; 
import javafx.geometry.Side; 
import javafx.scene.Scene; 
import javafx.scene.control.Label; 
import javafx.scene.control.Tab; 
import javafx.scene.control.TabPane; 
import javafx.scene.image.Image; 
import javafx.scene.image.ImageView; 
import javafx.scene.layout.Pane; 
import javafx.scene.layout.VBox; 
import javafx.stage.Stage; 

public class TabPaneExample extends Application{ 

    @Override 
    public void start(Stage ps) throws Exception { 

     VBox content = new VBox(); // create a VBox to act like a graphic content for the Tab 

     /////////////////////////////////////////// 
     Label label = new Label("Text"); 
     label.setAlignment(Pos.BOTTOM_CENTER); 

     ImageView icon = new ImageView(new Image("file:C:\\Users\\Yahya\\Desktop\\icon.png")); // for example 
     icon.setFitWidth(25); icon.setFitHeight(25); // your preference 
     /////////////////////////////////////////// 

     // add the components to the VBox 
     // You can set the Margins between the children ..etc 
     content.getChildren().addAll(icon, label); 
     //content.setAlignment(Pos.BOTTOM_CENTER); 

     Tab tab = new Tab();// create a Tab object and set the Graphic 
     tab.setGraphic(content); 

     // create TabPane, set side to left 
     // all other values need manipulation (i.e. up to your preference) 
     TabPane tabPane = new TabPane(tab); 
     tabPane.setSide(Side.LEFT); 

     // just simple root to see the result 
     Pane root = new Pane(); 
     root.getChildren().add(tabPane); 

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

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

} 

UPDATE

如果要調整（請注意數值爲例）：

tabPane.setTabMinHeight(50); 
tabPane.setTabMaxHeight(50); 
tabPane.setTabMinWidth(100); 
tabPane.setTabMaxWidth(100); 

結果