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.运行截图

JavaFX与Jfoenix教程4_第1张图片

5.升级的Hello World已经完成,本章到此结束,下一节我们将学习Hello World上涉及到的一些基础知识,敬请关注哦!