[英]JavaFx, FXML, how to auto resize content: Button, StackPane, Field, Scrollpane according to their parents
我正在尝试使用Fxml(SceneBuilder)设计Java应用程序,我现在面临的问题是,我无法自动调整内容的大小,根据GridPane(1,2)行的ScrollPane,根据GridPane行的StackPane 2以及Button和Textfield(根据窗格)。 是否有可以帮助我的财产或任何替代解决方案?
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ScrollPane?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.layout.StackPane?>
<AnchorPane id="ClientItemMainAnchorPane" fx:id="ClientItem_anchorPane1" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">
<children>
<StackPane fx:id="ClientItem_stackPane1" prefHeight="600.0" prefWidth="800.0" AnchorPane.topAnchor="0.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
<children>
<GridPane fx:id="ClientItem_gridPane" >
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints maxHeight="517.0" minHeight="10.0" prefHeight="435.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="294.0" minHeight="10.0" prefHeight="165.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<ScrollPane fx:id="ClientItem_scrollPane" prefHeight="417.0" prefWidth="800.0">
<content>
<AnchorPane fx:id="ClientItem_AnchorPane2" prefHeight="396.0" prefWidth="736.0">
<children>
<TableView fx:id="ClientItem_tableView" layoutX="14.0" layoutY="14.0" prefHeight="382.0" prefWidth="768.0">
<columns>
<TableColumn fx:id="ClientItem_tableCol_ClientNo" prefWidth="66.0" text="Client No." />
<TableColumn fx:id="ClientItem_tableCol_Name" prefWidth="188.0" text="Name" />
<TableColumn fx:id="ClientItem_tableCol_Address" minWidth="0.0" prefWidth="220.0" text="Address" />
<TableColumn fx:id="ClientItem_tableCol_Phone" minWidth="0.0" prefWidth="108.0" text="Phone" />
<TableColumn fx:id="ClientItem_tableCol_Remaing" minWidth="0.0" prefWidth="95.0" text="Remaining" />
<TableColumn fx:id="ClientItem_tableCol_Type" prefWidth="87.0" text="Type" />
</columns>
</TableView>
</children>
</AnchorPane>
</content>
</ScrollPane>
<StackPane fx:id="ClientItem_StackPane2" prefHeight="150.0" prefWidth="200.0" GridPane.rowIndex="1">
<children>
<Pane fx:id="ClientItem_Pane" prefHeight="200.0" prefWidth="200.0">
<children>
<TextField fx:id="ClientItem_textField_ClientNo" layoutX="14.0" layoutY="42.0" prefHeight="25.0" prefWidth="69.0" />
<TextField fx:id="ClientItem_textField_Name" layoutX="80.0" layoutY="42.0" prefHeight="25.0" prefWidth="188.0" />
<TextField fx:id="ClientItem_textField_Remaining" layoutX="596.0" layoutY="42.0" prefHeight="25.0" prefWidth="95.0" />
<TextField fx:id="ClientItem_textField_Type" layoutX="691.0" layoutY="42.0" prefHeight="25.0" prefWidth="87.0" />
<TextField fx:id="ClientItem_textField_Address" layoutX="268.0" layoutY="42.0" prefHeight="25.0" prefWidth="220.0" />
<TextField fx:id="ClientItem_textField_Phone" layoutX="488.0" layoutY="42.0" prefHeight="25.0" prefWidth="108.0" />
<Label alignment="CENTER" layoutX="22.0" layoutY="14.0" text="Client No." />
<Label alignment="CENTER" contentDisplay="TOP" layoutX="158.0" layoutY="14.0" text="Name" />
<Label alignment="CENTER" layoutX="357.0" layoutY="14.0" text="Address" />
<Label alignment="CENTER" layoutX="525.0" layoutY="14.0" text="Phone" />
<Label alignment="CENTER" layoutX="615.0" layoutY="14.0" text="Remaining" />
<Label alignment="CENTER" layoutX="722.0" layoutY="14.0" text="Type" />
<Button fx:id="ClientItem_btn_Add" layoutX="307.0" layoutY="84.0" mnemonicParsing="false" prefHeight="50.0" prefWidth="100.0" text="Add" />
<Button fx:id="ClientItem_btn_Delete" layoutX="425.0" layoutY="84.0" mnemonicParsing="false" prefHeight="50.0" prefWidth="100.0" text="Delete" />
</children>
</Pane>
</children>
</StackPane>
</children>
</GridPane>
</children>
</StackPane>
</children>
</AnchorPane>
我不确定您是否有意将内容包装到多个窗格中,但这是不必要的。 如果您调用AnchorPane.setTopAnchor(Node)
, AnchorPane.setRightAnchor(Node)
, AnchorPane.setBottomAnchor(Node)
或AnchorPane.setLeftAnchor(Node)
,则窗格不会自动调整其内容的大小,并且AnchorPanes仅会调整内容的大小。
首先,GridPane。 您可以分别设置RowConstraints和ColumnConstraints的VGrow和HGrow属性,以根据GridPane的大小调整内容的大小。 设置RowConstraints和ColumnConstraints的percentHeight和percentWidth还将有助于使行和列保持其首选比例。
在ScrollPane上,设置fitToWidth和fitToHeight属性,以保持其子项的大小与ScrollPane的大小匹配。
对于输入区域,HBox比Pane更适合,因此您可以更轻松地调整文本字段和按钮的大小。 将每个Label的图形设置为其对应的文本字段也将有助于将两者保持在一起。
这是您整理过的fxml代码,可为您提供更好的主意。
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<GridPane fx:id="ClientItem_gridPane" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8.0.65"
xmlns:fx="http://javafx.com/fxml/1">
<columnConstraints>
<ColumnConstraints hgrow="ALWAYS" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints maxHeight="1.7976931348623157E308" minHeight="10.0" percentHeight="73.0" prefHeight="435.0"
vgrow="ALWAYS" />
<RowConstraints fillHeight="false" maxHeight="1.7976931348623157E308" minHeight="10.0" percentHeight="10.0"
prefHeight="65.0" />
<RowConstraints fillHeight="false" maxHeight="1.7976931348623157E308" minHeight="10.0" percentHeight="17.0"
prefHeight="100.0" />
</rowConstraints>
<children>
<ScrollPane fx:id="ClientItem_scrollPane" fitToHeight="true" fitToWidth="true" prefHeight="417.0"
prefWidth="800.0" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.valignment="CENTER"
GridPane.vgrow="ALWAYS">
<content>
<TableView fx:id="ClientItem_tableView" prefHeight="409.0" prefWidth="778.0">
<columns>
<TableColumn fx:id="ClientItem_tableCol_ClientNo" prefWidth="103.0" text="Client No." />
<TableColumn fx:id="ClientItem_tableCol_Name" prefWidth="151.0" text="Name" />
<TableColumn fx:id="ClientItem_tableCol_Address" minWidth="0.0" prefWidth="220.0"
text="Address" />
<TableColumn fx:id="ClientItem_tableCol_Phone" minWidth="0.0" prefWidth="108.0" text="Phone" />
<TableColumn fx:id="ClientItem_tableCol_Remaing" minWidth="0.0" prefWidth="95.0"
text="Remaining" />
<TableColumn fx:id="ClientItem_tableCol_Type" prefWidth="102.0" text="Type" />
</columns>
</TableView>
</content>
<padding>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
</padding>
</ScrollPane>
<HBox alignment="CENTER" prefHeight="77.0" prefWidth="800.0" GridPane.hgrow="ALWAYS" GridPane.rowIndex="1"
GridPane.vgrow="ALWAYS">
<children>
<Label alignment="CENTER" contentDisplay="BOTTOM" text="Client No.">
<graphic>
<TextField fx:id="ClientItem_textField_ClientNo" prefHeight="25.0" prefWidth="69.0" />
</graphic>
</Label>
<Label alignment="CENTER" contentDisplay="BOTTOM" text="Name">
<graphic>
<TextField fx:id="ClientItem_textField_Name" prefHeight="25.0" prefWidth="188.0" />
</graphic>
</Label>
<Label alignment="CENTER" contentDisplay="BOTTOM" text="Address">
<graphic>
<TextField fx:id="ClientItem_textField_Address" prefHeight="25.0" prefWidth="220.0" />
</graphic>
</Label>
<Label alignment="CENTER" contentDisplay="BOTTOM" text="Phone">
<graphic>
<TextField fx:id="ClientItem_textField_Phone" prefHeight="25.0" prefWidth="108.0" />
</graphic>
</Label>
<Label alignment="CENTER" contentDisplay="BOTTOM" text="Remaining">
<graphic>
<TextField fx:id="ClientItem_textField_Remaining" prefHeight="25.0" prefWidth="95.0" />
</graphic>
</Label>
<Label alignment="CENTER" contentDisplay="BOTTOM" text="Type">
<graphic>
<TextField fx:id="ClientItem_textField_Type" prefHeight="25.0" prefWidth="87.0" />
</graphic>
</Label>
</children>
<padding>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
</padding>
</HBox>
<HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0" spacing="20.0" GridPane.hgrow="ALWAYS"
GridPane.rowIndex="2" GridPane.vgrow="ALWAYS">
<children>
<Button fx:id="ClientItem_btn_Add" mnemonicParsing="false" prefHeight="50.0" prefWidth="100.0"
text="Add" />
<Button fx:id="ClientItem_btn_Delete" mnemonicParsing="false" prefHeight="50.0" prefWidth="100.0"
text="Delete" />
</children>
<padding>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
</padding>
</HBox>
</children>
</GridPane>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.