如何显示JavaFX应用程序加载的FXML文件上的元素？

Question

我需要了解如何显示主javaFX应用程序加载的FXML文件中插入的元素，我的javaFX应用程序的主是：

// imports omitted
public class Main extends Application {
@Override
public void start(Stage window) throws IOException {
    Parent root = FXMLLoader.load(getClass().getResource("Standard.fxml"));
    Scene mainGraphic = new Scene(root,500,500);

    window.setTitle("Prova con FXML");
    window.setMinHeight(500);
    window.setMinWidth(500);
    window.setScene(mainGraphic);
    window.show();
    }
}

该文件可以正常工作并正确加载FXML文件standard.FXML，问题是它没有显示顶部矩形，这是FXML文件：

// imports omitted    
<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.myname.mypackage.Controller">
    <stylesheets>
        <URL value="@Standard.css"/>
    </stylesheets>

    <Rectangle id="ParteSuperiore"/>
</AnchorPane>

我显然已经创建了CSS文件,并用我想要的属性对元素进行了样式化,这就是CSS：

#AnchorPane {
    -fx-background-color: rgb(224, 246, 255);
}

#ParteSuperiore {
    -fx-fill: rgb(255, 145, 28);
    -fx-arc-height: 100px;
    -fx-arc-width: 100px;
}

这个档案有什么问题？我只能看到锚窗的底色！我试图将矩形放入 元素中，但我仍然只看到锚窗格的背景颜色，而看不到矩形！我应该使用区域而不是矩形吗？如果是，我如何给它宽度和高度？在JavaFX CSS参考中，它没有给我设置宽度和高度的指令，比如矩形的-FX-arc-height。

Answer 1

您似乎混淆了矩形的archeight/arcwidt属性和高度/宽度属性。根据文档，archeight属性：

定义矩形四角处圆弧的垂直直径。当且仅当弧宽和弧高属性均大于0.0时，矩形将具有圆角。

和高度属性：

定义矩形的高度。

arcwidth和width属性具有类似的文档。

// imports omitted    
<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.myname.mypackage.Controller">
    <stylesheets>
        <URL value="@Standard.css"/>
    </stylesheets>

    <Rectangle id="ParteSuperiore" width="100" height="100"/>

</AnchorPane>

^{1。看看执行情况就证实了这一点。与arcwidth和archeight不同，width和archeight都不是styleableproperty的实例。}