Question

由于我需要同时拥有多个可折叠的TitledPanes（默认的JavaFX Accordion不支持），我将一些TitledPanes添加到VBox中。到目前为止这个工作正常，但我意识到TitledPanes的宽度比实际VBox的宽度小10px。

遵循FXML代码：

<Pane prefHeight="700.0" prefWidth="1000.0" xmlns="http://javafx.com/javafx/8.0.71" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <VBox prefHeight="700.0" prefWidth="1000.0">
            <children>
                <TitledPane animated="false" text="Pane 1">
                    <content>
                        <AnchorPane prefHeight="300.0" />
                    </content>
                </TitledPane>
                <TitledPane animated="false" text="Pane 2">
                    <content>
                        <AnchorPane prefHeight="300.0" />
                    </content>
                </TitledPane>
            </children>
        </VBox>
    </children>
</Pane>

产生这个（见右边的差距）：

添加并调整css文件后，布局如下所示：

css代码：

VBox {
    -fx-padding: 0 -11 0 -1;
}

对我来说，这个解决方案运行正常，但它似乎是一个糟糕的解决方法。我想需要一个更智能的解决方案？！

提前多多感谢：）

Answer 1

使用舞台调整窗格的大小，但 VBox 的宽度不超过1000px。捕获阶段的宽度约为1010像素。

你应该可以省去 Pane ：

<VBox xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1">
  <children>
      <TitledPane animated="false" text="Pane 1">
          <content>
              <AnchorPane prefHeight="300.0" />
          </content>
      </TitledPane>
      <TitledPane animated="false" text="Pane 2">
          <content>
              <AnchorPane prefHeight="300.0" />
          </content>
      </TitledPane>
  </children>
</VBox>

或者使用 AnchorPane 调整vbox的大小，如果由于某种原因需要上面的面板：

<AnchorPane xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1">
   <children>
        <VBox AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <children>
                <TitledPane animated="false" text="Pane 1">
                    <content>
                        <AnchorPane prefHeight="300.0" />
                    </content>
                </TitledPane>
                <TitledPane animated="false" text="Pane 2">
                    <content>
                        <AnchorPane prefHeight="300.0" />
                    </content>
                </TitledPane>
            </children>
        </VBox>
   </children>
</AnchorPane>

Answer 2

谢谢@geh：

将舞台调整到场景大小解决了问题，无需进行CSS调整：

@Override
public void start( Stage stage ) throws Exception {
    Pane root = (Pane) FXMLLoader.load( getClass().getResource( "root.fxml" ) );
    Scene scene = new Scene( root );
    stage.setScene( scene );
    stage.setResizable( false );
    // the following solved it
    stage.sizeToScene();
    stage.setTitle( "JavaFx Test" );
    stage.show();
}

用TitledPane填充VBox的JavaFX

2 个答案: