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