在FXML中分层背景图像

Question

我正在使用CSS在FXML中创建一个布局来创建背景，但我想将一个背景层叠在另一个上面（最上面的一个具有透明度），我找不到任何API来执行此操作。可能吗？ （我不能将它们组合在一起，顶部是静态的，底部用css修改）

Answer 1

通过编程，我不知道实现这一目标的方法......您可以通过 stackpane 和相同尺寸图像的两个图像视图来完成..

尝试这个我希望它的工作..

图片1： - 底部药水

图2： - Uppar部分

@FXML
private StackPane stpane;

AnchorPane anch = new AnchorPane();


@FXML
void initialize() {
    assert stpane != null : "fx:id=\"stpane\" was not injected: check your FXML file 'TestImageTransparent.fxml'.";
    ImageView iv = new ImageView(new Image(getClass().getResourceAsStream("Koala1.png")));
    ImageView ivs = new ImageView(new Image(getClass().getResourceAsStream("Koala.png")));
    stpane.getChildren().addAll(iv,ivs,anch);
    iv.setOpacity(0.3);

    Button btn = new Button("StackOverflow");
    btn.setLayoutX(120);
    btn.setLayoutY(200);
    //set your css stying according your need
    anch.getChildren().add(btn);
    }

最终观点 -