带有标签的JavaFX ImageView在它前面

时间:2018-05-29 12:18:09

标签: java css javafx

我想让ImageView在它前面有标签,但是无法确定用于实现这一目标的父布局。

到目前为止我尝试了什么:

<AnchorPane ...>
<children>
    <Pane layoutX="350" layoutY="270" prefHeight="300" prefWidth="300">
        <children>
            <ImageView fitHeight="300" fitWidth="300">
                <image>
                    <Image url="someimage.png" />
                </image>
            </ImageView>
        </children>
    </Pane>
    <Pane layoutX="350" layoutY="270" prefHeight="300" prefWidth="300">
        <children>
            <Label alignment="CENTER" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" text="num" />
        </children>
    </Pane>
    <more elements/>
 </children>

我想要的例子(只有文字的心脏):

enter image description here

1 个答案:

答案 0 :(得分:4)

使用StackPane

    StackPane root = new StackPane();
    root.getChildren().addAll(
            new ImageView("https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Love_Heart_SVG.svg/200px-Love_Heart_SVG.svg.png"),
            new Label("HEART RATE"));

    Scene scene = new Scene(root, 300, 250);

enter image description here