TabPaneのアイコンとテキスト

Question

TabPaneにアイコンとテキストを追加したい場合、私のケースのタブは画像のように左側に配置されます。私は、次のことを達成したい：

1. タブ内のテキストが回転しなければならないし、水平に整列されなければならない

2. 私は一緒にアイコンを追加したい（それは図に見えるものを好きではありません。）テキストと一緒に。私は図bのmspaintで編集した後、最終画面を表示しています。

図a。

図b。

編集：

私はHow to add an icon to the Tab control in FXML?に続くが、私はイチジクBにしたいが、それは図Cのように見えるように私はアイコンを取得しておりません。私は以下のスタイルを追加しようとしましたが、変更はありません：

.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を作成することができ、この例をご検討ください：

UPDATE

サイズを変更する場合は

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

} 

タブをクリックします（値は、たとえば次のとおりです）。

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

そのため

結果