JavaFX与Jfoenix教程3

1.升级上一节的Hello World，上一节的样式都是通过代码来实现，本章将通过CSS实现样式编写，引用CSS样式分为行内CSS样式和外部CSS样式，本次教程使用行内CSS样式来实现，实现代码如下

package com.dengyunshuo.demo;

import javafx.application.Application;

import javafx.scene.Scene;

import javafx.scene.control.Label;

import javafx.stage.Stage;

/**

 * @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");

        // 1.引用行内CSS样式

        label.setStyle("-fx-font-size: 30;" +

                "-fx-text-fill: #0000FF;" +

                "-fx-background-color: black;" +

                "-fx-font-family: Helvetica;" +

                "-fx-alignment: center;"

        );

        /*

         * 创建一个场景对象

         * 场景中的包含内容是一个标签

         * 场景宽高分别为500

         */

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

        // 将场景放入到主窗口

        primaryStage.setScene(scene);

        // 显示窗口

        primaryStage.show();

    }

    /**

     * 程序主入口

     * @param args

     * @throws Exception

     */

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

        // 启动应用

        HelloWorld.launch(args);

    }

}

2.运行截图

3.升级的Hello World已经完成，本章到此结束，下一节我们将再次升级这个Hello World，敬请关注哦！