面板内的JavaFX Panel自动resize
我有一个只有一个FXML文件的JavaFX应用程序。 在这个文件中我有一个AnchorPane里面有一个StackPane。 这是截图：
当我启动这个应用程序时，我想用AnchorPane自动调整StackPane的大小。 从而; StackPane会自动获取当前可用的宽度和高度。 当我调整应用程序的大小时，AnchorPane会自动resize，但是StackPane保持它的固定大小。
我怎样才能自动resize的StackPane，并使其在其父面板完全拉伸？
我的代码
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%; }
经过几个小时的search和testing，终于在发布问题后得到了它！
您可以使用值为“0.0”的“ AnchorPane.topAnchor，AnchorPane.bottomAnchor，AnchorPane.leftAnchor，AnchorPane.rightAnchor ”fxml命令来适应/拉伸/alignmentAnchorPane中的子元素。 所以，这些命令告诉子元素在resize时跟随其父元素。
我更新的代码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>
Hier是结果：
对于api文档： http : //docs.oracle.com/javafx/2/api/javafx/scene/layout/AnchorPane.html
我在SceneBuilder中devise了一个GUI，试图使主容器适应任何窗口大小。 它应该始终是100％宽。
这是您可以在SceneBuilder中设置这些值的位置：
切换虚线/红线实际上只是添加/删除Korki在他的解决scheme中发布的属性（AnchorPane.topAnchor等）。
另见这里
@FXML private void mnuUserLevel_onClick(ActionEvent event) { FXMLLoader loader = new FXMLLoader(getClass().getResource("DBedit.fxml")); loader.setController(new DBeditEntityUserlevel()); try { Node n = (Node)loader.load(); AnchorPane.setTopAnchor(n, 0.0); AnchorPane.setRightAnchor(n, 0.0); AnchorPane.setLeftAnchor(n, 0.0); AnchorPane.setBottomAnchor(n, 0.0); mainContent.getChildren().setAll(n); } catch (IOException e){ System.out.println(e.getMessage()); } }
scheme是将一个子fxml加载到父AnchorPane中。 为了使孩子能够依照其父母的使用AnChorPane.setxxxAnchor命令。
这很简单，因为你正在使用FXMLBuilder 。
只要按照这些简单的步骤：
- 将FXML文件打开到FXMLBuilder中。
- select堆栈窗格。
- 打开布局选项卡[FXMLBuilder的左侧选项卡]。
- 在舞台resize（如TOP，LEFT，RIGHT，BOTTOM）中设置要计算窗格大小的边值。
如果您正在使用Scene Builder，您将在右侧看到一个通常有三个选项（“属性”，“布局”和“代码”）的手风琴面板。 在第二个（“布局”），你会看到一个选项，称为“[母布局]约束”（在你的情况“AnchorPane约束”）。
你应该在元素的四边加上“0”来表示父布局。
不需要放弃。
只需select窗格 ， 右键单击然后select适合父项 。
它会自动调整窗格的大小来锚定窗格大小。
