JavaFX選項卡窗格樣式，如何刪除多餘的空白空間

Question

我正在使用css設計JavaFX TabPane組件，而且我沒有能夠找到實際在選項卡周圍製作額外空白的內容。有人找到了從tabheader區域刪除多餘空間的方法嗎？圖片顯示了我目前所擁有的。

Answer 1

您可以通過在CSS style sheets設置它們添加邊框和利潤率JavaFX類。實際上，JavaFX中的所有樣式都應該這樣做。

這裏是Skinning JavaFX Applications with CSS的教程。 您還需要查看JavaFX CSS Reference Guide，其中解釋了可能用於JavaFX的CSS元素。

你在找什麼是「-fx-padding」。來自參考：

一組四個填充值，用逗號分隔。對於該系列中的每個項目，單個填充值意味着所有填充都相同;並且如果指定了一組四個填充值，則按照該順序將它們用於區域的頂部，右側，底部和左側邊緣。

您可以通過增加一個樣式表將屏幕設置爲所有標籤填充：

scene.getStylesheets().add("urlpath/to/mystylesheet.css"); 

其中「mystylesheet.css」有如下內容：

.tab{ 
    -fx-padding: 0 30 0 30; 
} 

或者你也可以添加一個風格到單個元素代碼：

Tab tabA = new Tab(); 
    tabA.setText("Tab A"); 
    tabA.setStyle("-fx-padding: 0 30 0 30;"); 
    tabPane.getTabs().add(tabA);