1.升级上一节的Hello World,上一节的样式都是通过代码来实现,本章将通过CSS实现样式编写,引用CSS样式分为行内CSS样式和外部CSS样式,本次教程使用行内CSS样式来实现,实现代码如下
package com.dengyunshuo.demo;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.stage.Stage;
public class HelloWorld extends Application {
public void start(Stage primaryStage) throws Exception {
// 设置主窗口标题
primaryStage.setTitle("Hello World");
Label label = new Label("Hello World");
// 1.引用行内CSS样式
label.setStyle("-fx-font-size: 30;" +
"-fx-text-fill: #0000FF;" +
"-fx-background-color: black;" +
"-fx-font-family: Helvetica;" +
"-fx-alignment: center;"
);
Scene scene = new Scene(label,500,500);
// 将场景放入到主窗口
primaryStage.setScene(scene);
// 显示窗口
primaryStage.show();
}
public static void main(String[] args) throws Exception {
// 启动应用
HelloWorld.launch(args);
}
}
2.运行截图
3.升级的Hello World已经完成,本章到此结束,下一节我们将再次升级这个Hello World,敬请关注哦!