JavaFX與Jfoenix教程4

1.升級上一節的Hello World,上一節的樣式經過行內CSS實現,本次教程將引用外部CSS樣式css

2.建立css文件java

 css文件名稱app

         app.csside

    css文件存儲路徑學習

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

    css內容以下orm

    .hello-world {對象

             -fx-font-size: 30;blog

             -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.運行截圖

11_28_45__09_04_2019.jpg

5.升級的Hello World已經完成,本章到此結束,下一節咱們將學習Hello World上涉及到的一些基礎知識,敬請關注哦!

相關文章
相關標籤/搜索