我正在尝试为Web应用程序开发GUI,我想设置一个TabPane,其左侧有标签,使标签标题保持水平。 我已经找到了如何将选项卡放在左侧,但经过多次搜索后,我没有成功将标题设置为正确的对齐方式。它们仍然是垂直的,难以阅读。
我怎么能解决这个问题?
答案 0 :(得分:7)
您可以使用CSS自定义标签和标签标签:
.tab *.tab-label {
-fx-rotate: 90;
}
.tab {
-fx-padding: 3em 0.5em 3em 0.5em;
}
答案 1 :(得分:6)
有一个开放的功能请求: RT-19547 New API to rotate text on tabpane tabs
功能请求当前已打开,但尚未安排实施。您可以对功能请求进行投票或评论,并链接回此StackOverflow帖子以注册您对该功能的兴趣。
要自己实现这一点,您需要创建一个新的TabPane皮肤或patch the existing TabPane skin,这可能不是一件容易的事。
答案 2 :(得分:2)
在您的代码中添加此方法并将您的 tabPane 传递给它:
void setTabPaneLeftTabsHorizontal(TabPane tabPane){
tabPane.setSide(Side.LEFT);
tabPane.setRotateGraphic(true);
Label l = null;
StackPane stp = null;
for(Tab t : tabPane.getTabs()){
l = new Label(t.getText());
l.setRotate(90);
stp = new StackPane(new Group(l));
stp.setRotate(90);
t.setGraphic(stp);
t.setText("");
}
tabPane.setTabMinHeight(100);
tabPane.setTabMaxHeight(100);
}
答案 3 :(得分:1)
您可以使用以下方法创建标题页
private StackPane createTabHeader(String text, Node graphics){
return new StackPane(new Group(new Label(text, graphics)));
}
然后在您的代码中调用它,如下所示:
Tab tab = new Tab();
tab.setGraphic(createTabHeader("TEXT", new ImageView("IMAGE_PATH")));
请注意,您需要设置标签的宽度和高度,因为它们不会自动缩放。
TabPane tabPane = new TabPane(tab);
tabPane.setSide(Side.LEFT);
tabPane.setTabMinWidth(50);
tabPane.setTabMaxWidth(50);
tabPane.setTabMinHeight(200);
tabPane.setTabMaxHeight(200);
答案 4 :(得分:1)
哦,我记得我之前遇到过这个问题,只需在tabHeader中添加一个StackPane,VBox o Hbox以及您可能需要的所有组件,它们就不会按照方向选择。
答案 5 :(得分:0)
// Firstly
tabPane.setSide(Side.LEFT);
tabPane.setRotateGraphic(true);
Label l = new Label("Titel Tab1");
l.setRotate(90);
StackPane stp = new StackPane(new Group(l));
stp.setRotate(90);
tab1.setGraphic(stp);
l = new Label("Titel Tab2");
l.setRotate(90);
stp = new StackPane(new Group(l));
stp.setRotate(90);
tab2.setGraphic(stp);
tabPane.setTabMinHeight(100);
tabPane.setTabMaxHeight(100);
答案 6 :(得分:0)
有另一个解决方案,在css上设置最小宽度和高度,并在fxml上添加图形元素
-fx-tab-min-width:30;
-fx-tab-max-width:30;
-fx-tab-min-height:150;
-fx-tab-max-height:150;
<Tab closable="false">
<graphic>
<Pane prefHeight="76.0" prefWidth="30.0">
<children>
<Label layoutX="-35.0" layoutY="23.0" prefHeight="30.0" prefWidth="130.0" text="User">
<font>
<Font name="SansSerif Regular" size="14.0" />
</font></Label>
</children>
</Pane>
</graphic>
</Tab>