JavaFX选项卡窗格样式,如何删除多余的空白区域

时间:2014-02-12 07:52:10

标签: java css javafx javafx-2

我使用css设计JavaFX TabPane组件并且我无法找到实际在标签周围创建额外空格的内容。有人找到了从tabheader区域移除额外空间的方法吗?图片显示了我目前所拥有的内容。

Styled tabs. Extra grey area should still be removed.

1 个答案:

答案 0 :(得分: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);