java - 面板内的JavaFX Panel自动调整大小

我有一个JavaFX应用程序，它只有一个FXML文件。在此文件中，我有一个AnchorPane，其中有一个StackPane。这是屏幕截图:

启动此应用程序时，我想使用AnchorPane自动调整StackPane的大小。从而; StackPane将自动获取当前可用的宽度和高度。在我调整应用程序大小时，AnchorPane会自动调整大小，但是StackPane保持其固定大小。

如何自动调整StackPane的大小并使其在其父面板中完全拉伸(stretch)？

我的代码

Main.java

package app;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

  public static void main(String[] args) {
      Application.launch(args);
  }

  @Override
  public void start(Stage stage) throws Exception {
      Parent root = FXMLLoader.load(getClass().getResource("Main.fxml"));
      Scene scene = new Scene(root,800,600);
      scene.getStylesheets().add(this.getClass().getResource("/app/style1.css").toExternalForm());
      stage.setScene(scene);
      stage.show();
  }
}

MainController.java

package app;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.StackPane;

public class MainController implements Initializable {

   @FXML
   private AnchorPane anchorPane;
   @FXML
   private StackPane stackPane;

   @Override
   public void initialize(URL url, ResourceBundle rb) {
     stackPane.setPrefSize(anchorPane.getPrefWidth(), anchorPane.getPrefHeight()); //didn't work
   }
}

Main.fxml

<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane fx:id="anchorPane" xmlns:fx="http://javafx.com/fxml" fx:controller="app.MainController">
    <StackPane fx:id="stackPane" ></StackPane>
</AnchorPane>

style1.css

#anchorPane {
    -fx-border-width: 2px;
    -fx-border-color: chartreuse;
}
#stackPane {
    -fx-border-width: 2px;
    -fx-border-color: red;

    /* didn't work */
   -fx-hgap: 100%;
   -fx-vgap: 100%;
}

最佳答案

经过数小时的搜索和测试，终于在发布问题后才知道它!

您可以使用值为值“0.0”的“ AnchorPane.topAnchor，AnchorPane.bottomAnchor，AnchorPane.leftAnchor，AnchorPane.rightAnchor ” fxml命令来适合/拉伸(stretch)/对齐AnchorPane中的子元素。因此，这些命令告诉子元素在调整大小时跟随其父元素。

我更新的代码Main.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane fx:id="anchorPane" xmlns:fx="http://javafx.com/fxml" fx:controller="app.MainController">
    <!--<StackPane fx:id="stackPane" ></StackPane>--> <!-- replace with the following -->
    <StackPane fx:id="stackPane" AnchorPane.topAnchor="0.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" ></StackPane>
</AnchorPane>

结果如下:

对于api文档:http://docs.oracle.com/javafx/2/api/javafx/scene/layout/AnchorPane.html

关于java - 面板内的JavaFX Panel自动调整大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15223812/