如何使AnchorPane大小响应最大化的屏幕视图

Question

我不知道什么是灰色区域，也不知道如何将我的Anchorpane扩展到整个屏幕图片

未最大化的视图是这个image2

我的Fxml有点乱，有很多锚点，但它不在我的手中。

<?xml version="1.0" encoding="UTF-8"?>
<!-- <?import com.gluonhq.charm.glisten.control.TextField?> -->
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.DatePicker?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.Text?>
<VBox alignment="CENTER" xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.maxxplusapi.controller.ActvityPlannerController">
<children>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity">
<children>
<AnchorPane style="-fx-background-color: white;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<TextField fx:id="beginTime" layoutX="256.0" layoutY="189.0" prefHeight="26.0" prefWidth="172.0" promptText="Beginnzeit" style="-fx-border-color: black;" />
<TextField fx:id="endTime" layoutX="472.0" layoutY="189.0" prefHeight="26.0" prefWidth="172.0" promptText="Endzeit" style="-fx-border-color: black;" />
<TextField fx:id="reminderDesc" layoutX="255.0" layoutY="104.0" prefHeight="26.0" prefWidth="388.0" promptText="Erinnerungsnachricht" style="-fx-border-color: black;" />
<TextField fx:id="txtRemarks" layoutX="255.0" layoutY="145.0" prefHeight="26.0" prefWidth="388.0" promptText="Remarks" style="-fx-border-color: black;" />
<Button fx:id="saveButton" layoutX="309.0" layoutY="357.0" mnemonicParsing="false" onMouseClicked="#addData" prefHeight="25.0" prefWidth="92.0" style="-fx-border-color: black;" text="Speichern" />
<AnchorPane>
<children>
<AnchorPane layoutY="-8.0" prefHeight="43.0" prefWidth="925.0" style="-fx-background-color: #2e4b75;"/>
</children>
</AnchorPane>
<Label layoutX="446.0" layoutY="243.0" text="Intervall" />
<Label layoutX="252.0" layoutY="280.0" text="Projekt Bereich" />
<ComboBox fx:id="cycleComboBox" layoutX="494.0" layoutY="238.0" prefWidth="150.0" style="-fx-border-color: black;" />
<ComboBox fx:id="projectComboBox" layoutX="252.0" layoutY="304.0" prefHeight="27.0" prefWidth="388.0" style="-fx-border-color: black;" />
<Button fx:id="updateButton" layoutX="309.0" layoutY="357.0" mnemonicParsing="false" onMouseClicked="#Edit" prefHeight="25.0" prefWidth="92.0" text="Update" />
<Text layoutX="225.0" layoutY="85.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Aktivitätsplaner " textAlignment="CENTER" wrappingWidth="452.7265625">
<font>
<Font name="System Bold" size="36.0" />
</font>
</Text>
<Button contentDisplay="CENTER" layoutX="404.0" layoutY="357.0" mnemonicParsing="false" onMouseClicked="#DeleteData" prefHeight="25.0" prefWidth="92.0" text="Delete" />
<TableView fx:id="tableViewBooking" layoutX="104.0" layoutY="403.0" onMouseClicked="#getSelected" prefHeight="238.0" prefWidth="694.0">
<columns>
<TableColumn fx:id="tableID" editable="false" prefWidth="76.800048828125" text="id" />
<TableColumn fx:id="tableColName" editable="false" prefWidth="104.79997253417969" text="Erinnerung" />
<TableColumn fx:id="tableColRemarks" editable="false" prefWidth="104.79997253417969" text="Remarks" />
<TableColumn fx:id="tableColProject" editable="false" prefWidth="104.79997253417969" text="Projekt" />
<TableColumn fx:id="tableColDate" editable="false" prefWidth="83.20001220703125" text="Begin Datum" />
<TableColumn fx:id="tableColHours" editable="false" prefWidth="66.39996337890625" text="Stunde" />  
<TableColumn fx:id="tableColType" editable="false" prefWidth="71.20001220703125" text="Intervall" />
<TableColumn fx:id="tableColSTime" editable="false" prefWidth="76.800048828125" text="Begin Zeit" />   
<TableColumn fx:id="tableColETime" editable="false" prefWidth="76.800048828125" text="End Zeit" />

<!--<TableColumn fx:id="tableColProj" prefWidth="75.0" text="Projekt" /> -->
</columns>
</TableView>
<DatePicker fx:id="beginDate" layoutX="253.0" layoutY="239.0" prefHeight="26.0" prefWidth="172.0" promptText="Begindatum" />
<DatePicker fx:id="endDate" layoutX="441.0" layoutY="239.0" prefHeight="26.0" prefWidth="172.0" promptText="Enddatum" visible="false" />
<Button layoutX="500.0" layoutY="357.0" mnemonicParsing="false" onMouseClicked="#clearFields" prefHeight="25.0" prefWidth="92.0" text="Clear" />
</children>
</AnchorPane>
</children>
</AnchorPane>
</children>
</VBox>

我试过使用AnchorPane.bottomAnchor="0.0"AnchorPane.leftAnchor ="0.0";AnchorPane.rightAnchor ="0.0";AnchorPane.topAnchor ="0.0";

Answer 1

我创建了一个版本的FXML文件。试着把这个答案中的想法融入到你的布局中。

<?xml version="1.0" encoding="UTF-8"?>
<!-- <?import com.gluonhq.charm.glisten.control.TextField?> -->
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<VBox alignment="CENTER" prefHeight="720.0" prefWidth="1080.0" xmlns="http://javafx.com/javafx/18" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.maxxplusapi.controller.ActvityPlannerController">
<children>
<StackPane maxHeight="55.0" minHeight="43.0" style="-fx-background-color: #2e4b75;" />
<VBox prefHeight="200.0" prefWidth="100.0" VBox.vgrow="ALWAYS">
<children>
<Label alignment="CENTER" maxWidth="1.7976931348623157E308" text="Aktivitätsplaner ">
<font>
<Font size="36.0" />
</font>
<VBox.margin>
<Insets top="10.0" />
</VBox.margin>
</Label>
<TextField fx:id="reminderDesc" promptText="Erinnerungsnachricht" style="-fx-border-color: black;">
<VBox.margin>
<Insets left="300.0" right="300.0" top="15.0" />
</VBox.margin>
</TextField>
<TextField fx:id="txtRemarks" prefHeight="26.0" prefWidth="388.0" promptText="Remarks" style="-fx-border-color: black;">
<VBox.margin>
<Insets left="300.0" right="300.0" top="15.0" />
</VBox.margin>
</TextField>
<HBox>
<children>
<TextField fx:id="beginTime" prefHeight="26.0" prefWidth="172.0" promptText="Beginnzeit" style="-fx-border-color: black;" />
<Label alignment="CENTER_RIGHT" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" text="Intervall" HBox.hgrow="ALWAYS">
<HBox.margin>
<Insets right="5.0" />
</HBox.margin>
</Label>
<ComboBox fx:id="cycleComboBox" prefWidth="150.0" style="-fx-border-color: black;" />
</children>
<VBox.margin>
<Insets left="300.0" right="300.0" top="15.0" />
</VBox.margin>
</HBox>
<Label maxWidth="1.7976931348623157E308" text="Projekt Bereich">
<VBox.margin>
<Insets left="300.0" right="300.0" top="15.0" />
</VBox.margin>
</Label>
<ComboBox fx:id="projectComboBox" maxWidth="1.7976931348623157E308" style="-fx-border-color: black;">
<VBox.margin>
<Insets left="300.0" right="300.0" top="15.0" />
</VBox.margin>
</ComboBox>
<HBox alignment="CENTER" maxWidth="1.7976931348623157E308" spacing="5.0">
<children>
<Button fx:id="updateButton" mnemonicParsing="false" onMouseClicked="#Edit" prefHeight="25.0" prefWidth="92.0" text="Update" />
<Button contentDisplay="CENTER" mnemonicParsing="false" onMouseClicked="#DeleteData" prefHeight="25.0" prefWidth="92.0" text="Delete" />
<Button mnemonicParsing="false" onMouseClicked="#clearFields" prefHeight="25.0" prefWidth="92.0" text="Clear" />
</children>
<padding>
<Insets left="300.0" right="300.0" top="15.0" />
</padding>
</HBox>
<TableView fx:id="tableViewBooking" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" onMouseClicked="#getSelected" VBox.vgrow="ALWAYS">
<columns>
<TableColumn fx:id="tableID" editable="false" prefWidth="76.800048828125" text="id" />
<TableColumn fx:id="tableColName" editable="false" prefWidth="104.79997253417969" text="Erinnerung" />
<TableColumn fx:id="tableColRemarks" editable="false" prefWidth="104.79997253417969" text="Remarks" />
<TableColumn fx:id="tableColProject" editable="false" prefWidth="104.79997253417969" text="Projekt" />
<TableColumn fx:id="tableColDate" editable="false" prefWidth="83.20001220703125" text="Begin Datum" />
<TableColumn fx:id="tableColHours" editable="false" prefWidth="66.39996337890625" text="Stunde" />
<TableColumn fx:id="tableColType" editable="false" prefWidth="71.20001220703125" text="Intervall" />
<TableColumn fx:id="tableColSTime" editable="false" prefWidth="76.800048828125" text="Begin Zeit" />
<TableColumn fx:id="tableColETime" editable="false" prefWidth="76.800048828125" text="End Zeit" />
</columns>
<VBox.margin>
<Insets bottom="10.0" left="150.0" right="150.0" top="25.0" />
</VBox.margin>
</TableView>
</children>
</VBox>
</children>
</VBox>

1. 将此保存为FXML文件到您的机器。
2. 使用SceneBuilder打开它。
3. 在SceneBuilder中打开后按control+p。
4. 通过最小化和最大化屏幕进行测试。