程序员经验分享-hwhale

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

2024-05-07

我不知道什么是灰色地带以及如何扩展我的Anchorpane到整个屏幕Image https://i.stack.imgur.com/m5HqA.png

不是未最大化的视图是这样的image2 https://i.stack.imgur.com/14QC3.png

我的 Fxml 有点乱，有很多 Anchorpanes，但它超出了我的控制范围。

<?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 上使用 AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" 但没有用


我创建了你的版本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. 通过最小化和最大化屏幕进行测试。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Java

javafx

如何使 AnchorPane 大小响应最大化的屏幕视图 的相关文章

随机推荐

热门标签