JavaFX與Jfoenix教程4

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上涉及到的一些基礎知識，敬請關注哦！