fxml设置背景_JavaFX如何设置场景背景图像

的方法之一可以是这样的:

1)创建具有名称 “的style.css” CSS文件,并定义在它的id选择:

#pane{

-fx-background-image: url("background_image.jpg");

-fx-background-repeat: stretch;

-fx-background-size: 900 506;

-fx-background-position: center center;

-fx-effect: dropshadow(three-pass-box, black, 30, 0.5, 0, 0);

}

2 )使用CSS中定义的值设置场景中最顶级控件(或任何控件)的id,并将此CSS文件加载到场景中:

public class Test extends Application {

public static void main(String[] args) {

launch(args);

}

@Override

public void start(Stage primaryStage) {

StackPane root = new StackPane();

root.setId("pane");

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

scene.getStylesheets().addAll(this.getClass().getResource("style.css").toExternalForm());

primaryStage.setScene(scene);

primaryStage.show();

}

}

你也可以给一个ID在FXML文件中的控制:

有关JavaFX的CSS样式参照本guide更多信息。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值