JavaFX与Jfoenix教程3

2023-01-31 05:01:27 javafx 教程 Jfoenix

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;


public class HelloWorld extends Application {

   

    public void start(Stage primaryStage) throws Exception {

        // 设置主窗口标题

        primaryStage.setTitle("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;"

        );


       

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



        // 将场景放入到主窗口

        primaryStage.setScene(scene);

        // 显示窗口

        primaryStage.show();

    }


   

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

        // 启动应用

        HelloWorld.launch(args);

    }

}


2.运行截图

10_35_21__09_04_2019.jpg


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


相关文章