JavaFX與Jfoenix教程4

1.升級(jí)上一節(jié)的Hello World，上一節(jié)的樣式通過(guò)行內(nèi)CSS實(shí)現(xiàn)，本次教程將引用外部CSS樣式

2.創(chuàng)建css文件

　css文件名稱

? ? ? ? ?app.css

? ? css文件存儲(chǔ)路徑

　　? ~/stock/src/main/resources/css/app.css

? ? css內(nèi)容如下

　　? .hello-world {

? ? ? ? ? ? ?-fx-font-size: 30;

? ? ? ? ? ? ?-fx-text-fill: #0000FF;

? ? ? ? ? ? ?-fx-background-color: black;

? ? ? ? ? ? ?-fx-font-family: Helvetica;

? ? ? ? ? ? ?-fx-alignment: center;

? ? ? ? ?}

3.代碼實(shí)現(xiàn)如下

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 {

? ? /**

? ? ?* 啟動(dòng)主窗口

? ? ?*

? ? ?* @param primaryStage

? ? ?* @throws Exception

? ? ?*/

? ? public void start(Stage primaryStage) throws Exception {

? ? ? ? // 設(shè)置主窗口標(biāo)題

? ? ? ? primaryStage.setTitle("Hello World");

? ? ? ? /*

? ? ? ? ?* 創(chuàng)建一個(gè)標(biāo)簽對(duì)象

? ? ? ? ?* 標(biāo)簽上的文本是“Hello World”

? ? ? ? ?*/

? ? ? ? Label label = new Label("Hello World");

? ? ? ? // 引用外部CSS樣式，樣式名稱hello-world

? ? ? ? label.getStyleClass().add("hello-world");

? ? ? ? /*

? ? ? ? ?* 創(chuàng)建一個(gè)場(chǎng)景對(duì)象

? ? ? ? ?* 場(chǎng)景中的包含內(nèi)容是一個(gè)標(biāo)簽

? ? ? ? ?* 場(chǎng)景寬高分別為500

? ? ? ? ?*/

? ? ? ? Scene scene = new Scene(label, 500, 500);

? ? ? ? // 加載外部app.css文件

? ? ? ? scene.getStylesheets()

? ? ? ? ? ? ? ? .add(getClass().getClassLoader().getResource("css/app.css")

? ? ? ? ? ? ? ? ? ? ? ? .toExternalForm());

? ? ? ? // 將場(chǎng)景放入到主窗口

? ? ? ? primaryStage.setScene(scene);

? ? ? ? // 顯示窗口

? ? ? ? primaryStage.show();

? ? }

? ? /**

? ? ?* 程序主入口

? ? ?*

? ? ?* @param args

? ? ?* @throws Exception

? ? ?*/

? ? public static void main(String[] args) throws Exception {

? ? ? ? // 啟動(dòng)應(yīng)用

? ? ? ? HelloWorld.launch(args);

? ? }

}

4.運(yùn)行截圖

5.升級(jí)的Hello World已經(jīng)完成，本章到此結(jié)束，下一節(jié)我們將學(xué)習(xí)Hello World上涉及到的一些基礎(chǔ)知識(shí)，敬請(qǐng)關(guān)注哦！