JavaFX的CSS使用

 JavaFX 样式:https://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssref.html 

// 默认会选择CSS文件中和节点默认样式列表相同名称的样式
// 可通过label.getStyleClass()查看默认样式名称
// CSS文件路径"XXX.css"为同级目录适用,整个模块下寻找可用:getClass().getResource("/X/XX/XXX/resource/css/" + "XXX.css").toExternalForm()
// 注意节点可以是自己,也可以是父节点,甚至是Scene
节点.getStylesheets().add(CSS文件路径);

// 当然可以自定义样式名称,如X,对应CSS文件中:.X{}
// add后为索引1,默认的样式为索引0,想add排到索引0,可以add(0, "X")
节点.getStyleClass().add("X");

节点从CSS中绑定样式后从代码中不能直接读到属性,样式名称元数据列表可以用getCssMetaData()查看。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class CssTest extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        Label label = new Label("10000000");
        label.getStylesheets().add("label.css");
        Pane pane = new Pane();
        pane.getStylesheets().add("label.css");
        pane.getChildren().add(label);
        Scene scene = new Scene(pane, 300, 300);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

label.css:

.myLabel {
    -fx-background-color:black;
    -fx-pref-height:130px;
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风铃峰顶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值