JavaFX面板内面板自动调整大小 [英] JavaFX Panel inside Panel auto resizing
问题描述
我有一个JavaFX应用程序只有一个FXML文件。在这个文件中，我有一个AnchorPane里面有一个StackPane。这是屏幕截图：
当我启动这个应用程序时，我想使用AnchorPane自动调整StackPane的大小。从而; StackPane将自动获取当前可用的宽度和高度。在我调整应用程序的大小的时候，AnchorPane正在自动调整大小，但StackPane保持为他的固定大小。
如何自动调整StackPane的大小， / em>
包应用程式;
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 = new Scene（root，800,600）;
scene.getStylesheets（）。add（this.getClass（）。getResource（/ app / style1.css）。toExternalForm（））;
stage.setScene（scene）;
stage.show（）;
}
}
MainController.java
包应用程式;
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可初始化{
@FXML
private AnchorPane anchorPane;
@FXML
private StackPane stackPane;
@Override
public void initialize（URL url，ResourceBundle rb）{
stackPane.setPrefSize（anchorPane.getPrefWidth（），anchorPane.getPrefHeight（））; // did not work
}
}
fxml
<？xml version =1.0encoding =UTF-8？&
<？import java.lang。*？>
<？import java.util。*？>
<？import javafx.scene。*？>
<？import javafx.scene.control。*？>
<？import javafx.scene.layout。*？>
< AnchorPane fx：id =anchorPanexmlns：fx =http://javafx.com/fxmlfx：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;
/ *不工作* /
-fx-hgap：100％;
-fx-vgap：100％;
}
您可以使用 AnchorPane.topAnchor，AnchorPane.bottomAnchor，AnchorPane.leftAnchor，AnchorPane.rightAnchor fxml命令的值为0.0以适应/拉伸/对齐AnchorPane中的子元素。因此，这些命令告诉子元素在调整大小时跟随其父级。
我更新的代码Main.fxml
<？xml version =1.0encoding =UTF-8？>
<？import java.lang。*？>
<？import java.util。*？>
<？import javafx.scene。*？>
<？import javafx.scene.control。*？>
<？import javafx.scene.layout。*？>
< AnchorPane fx：id =anchorPanexmlns：fx =http://javafx.com/fxmlfx：controller =app.MainController>
<！ - < StackPane fx：id =stackPane>< / StackPane> <！ - 替换为 - >
< StackPane fx：id =stackPaneAnchorPane.topAnchor =0.0AnchorPane.bottomAnchor =0.0AnchorPane.leftAnchor =0.0AnchorPane.rightAnchor =0.0>< / StackPane&
< / AnchorPane>
Hier是结果：
img src =https://i.stack.imgur.com/7ktnh.pngalt =enter image description here>
对于api文档： http://docs.oracle.com/javafx/2/ api / javafx / scene / layout / AnchorPane.html
I have a JavaFX application which has only one FXML file. In this file I have one AnchorPane which has a StackPane inside it. Here is the screenshot:
When I start this application, I want to resize StackPane automatically with the AnchorPane. Thus; StackPane will get the current avaliable width and height automatically. At the moment when I resize the application, AnchorPane is being resized automatically but StackPane stays as his fixed size.
How can I resize the StackPane automatically and make it fully stretched inside its parent panel?
My Code
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%;
}
After hours of searching and testing finally got it just after posting the question!
You can use the "AnchorPane.topAnchor, AnchorPane.bottomAnchor, AnchorPane.leftAnchor, AnchorPane.rightAnchor" fxml commands with the value "0.0" to fit/stretch/align the child elements inside a AnchorPane. So, these commands tell to child element to follow its parent while resizing.
My updated code 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 is the result:
For api documentation: http://docs.oracle.com/javafx/2/api/javafx/scene/layout/AnchorPane.html
这篇关于JavaFX面板内面板自动调整大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
