1.升級上一節的Hello World,上一節的樣式經過行內CSS實現,本次教程將引用外部CSS樣式css
2.建立css文件java
css文件名稱app
app.csside
css文件存儲路徑學習
~/stock/src/main/resources/css/app.css.net
css內容以下orm
.hello-world {對象
-fx-font-size: 30;blog
-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上涉及到的一些基礎知識,敬請關注哦!