1.升级上一节的Hello World，上一节的样式通过行内CSS实现，本次教程将引用外部CSS样式
网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了隆阳免费建站欢迎大家使用！
2.创建css文件
css文件名称
app.css
css文件存储路径
~/stock/src/main/resources/css/app.css
css内容如下
.hello-world {
-fx-font-size: 30;
-fx-text-fill: #0000FF;
-fx-background-color: black;
-fx-font-family: Helvetica;
-fx-alignment: center;
}
3.代码实现如下
package com.dengyunshuo.demo;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.stage.Stage;
import sun.tools.java.Constants;
import java.net.URL;
/**
* @author dengdashuai
* @date 2019-09-03
*/
public class HelloWorld extends Application {
/**
* 启动主窗口
*
* @param primaryStage
* @throws Exception
*/
public void start(Stage primaryStage) throws Exception {
// 设置主窗口标题
primaryStage.setTitle("Hello World");
/*
* 创建一个标签对象
* 标签上的文本是“Hello World”
*/
Label label = new Label("Hello World");
// 引用外部CSS样式，样式名称hello-world
label.getStyleClass().add("hello-world");
/*
* 创建一个场景对象
* 场景中的包含内容是一个标签
* 场景宽高分别为500
*/
Scene scene = new Scene(label, 500, 500);
// 加载外部app.css文件
scene.getStylesheets()
.add(getClass().getClassLoader().getResource("css/app.css")
.toExternalForm());
// 将场景放入到主窗口
primaryStage.setScene(scene);
// 显示窗口
primaryStage.show();
}
/**
* 程序主入口
*
* @param args
* @throws Exception
*/
public static void main(String[] args) throws Exception {
// 启动应用
HelloWorld.launch(args);
}
}
4.运行截图
5.升级的Hello World已经完成，本章到此结束，下一节我们将学习Hello World上涉及到的一些基础知识，敬请关注哦！