java - 在 CSS 中设置 JavaFX Anchor Pane 的 anchor

Question

我的 GUI 应用程序中的一个窗口由内部具有相同控件的类似 HBox 组成。我想将所有内容都放在顶层 Pane 中(在本例中为 anchor Pane )。

代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>

<?import javafx.scene.layout.HBox?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.Button?>

<AnchorPane xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">
    <VBox fx:id="modeWindowPane" alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
        <HBox alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <children>
                <Label contentDisplay="CENTER" maxHeight="1.7976931348623157E308" prefWidth="100.0" text="Current" />
                <TextField prefWidth="100.0" />
                <Button maxHeight="1.7976931348623157E308" mnemonicParsing="false" text="Set Current"/>
            </children>
        </HBox>
        <HBox alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <children>
                <Label contentDisplay="CENTER" maxHeight="1.7976931348623157E308" prefWidth="100.0" text="Frequency" />
                <TextField prefWidth="100.0" />
                <Button maxHeight="1.7976931348623157E308" mnemonicParsing="false" text="Set Current"/>
            </children>
        </HBox>
        <HBox alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <children>
                <Label contentDisplay="CENTER" maxHeight="1.7976931348623157E308" prefWidth="100.0" text="Fade In" />
                <TextField prefWidth="100.0" />
                <Button maxHeight="1.7976931348623157E308" mnemonicParsing="false" text="Set Current"/>
            </children>
        </HBox>
        <HBox alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <children>
                <Label contentDisplay="CENTER" maxHeight="1.7976931348623157E308" prefWidth="100.0" text="Fade Out" />
                <TextField prefWidth="100.0" />
                <Button maxHeight="1.7976931348623157E308" mnemonicParsing="false" text="Set Current"/>
            </children>
        </HBox>
        <HBox alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <children>
                <Label contentDisplay="CENTER" maxHeight="1.7976931348623157E308" prefWidth="100.0" text="Offset" />
                <TextField prefWidth="100.0" />
                <Button maxHeight="1.7976931348623157E308" mnemonicParsing="false" text="Set Current"/>
            </children>
        </HBox>
        <HBox alignment="CENTER" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
            <Label contentDisplay="CENTER" maxHeight="1.7976931348623157E308" prefWidth="100.0" text="Stimulation Time" />
            <TextField prefWidth="100.0" />
            <Button maxHeight="1.7976931348623157E308" mnemonicParsing="false" text="Set Current"/>
        </HBox>
    </VBox>
</AnchorPane>

你可以看到在每个 HBox 中都有 bottom/left/right/top anchor 。我想以某种方式对它们进行参数化，例如通过 CSS 在我的 FXML 文件中设置默认 HBox 属性。但是当我开始寻找更多信息(教程、Oracle 的引用资料、堆栈)时，我没有找到任何有用的信息。

有人能告诉我是否有任何方法可以让我不必编辑每个组件，例如，以我想要的方式对齐它？此外，它必须符合 MVC 设计模式。

Answer 1

看看 JavaFX CSS Reference Guide .在那里你可以找到所有 CSS 属性的完整文档。据我所知，您不能通过 CSS 为对象设置 anchor 。

您可以通过 Controller 实现。只需给所有元素一个 fx:id 并在您的 Controller 中分配它们。然后您可以迭代它们并设置 anchor (例如 AnchorPane.setTopAnchor(Node, Value))。有关详细信息，请参阅 AnchorPane .