วิธีสร้างแอปพลิเคชัน JavaFX พื้นฐาน

เพื่อสร้างแอปพลิเคชัน JavaFX พื้นฐาน ให้ทำตามขั้นตอนด้านล่าง:

1. ขยายคลาส Application

ในการสร้างแอปพลิเคชัน JavaFX คุณต้องสร้างคลาสที่สืบทอดมาจาก Application และ implement เมธอด abstract start() ในเมธอดนี้จะเขียนโค้ดของแอปพลิเคชัน JavaFX

public class JavafxSample extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        // โค้ดแอปพลิเคชัน JavaFX
    }
}

2. สร้างอ็อบเจ็กต์ Group

โหนด Group เป็นโหนดรวมที่มีรายการโหนดลูก (children nodes) เมื่อ Group ถูก render โหนดลูกทั้งหมดจะถูก render ตามลำดับ

ในเมธอด start() ให้สร้างอ็อบเจ็กต์ Group โดยสร้างอินสแตนซ์ของ javafx.scene.Group:

Group root = new Group();

3. สร้างอ็อบเจ็กต์ Scene

Scene graph เป็นโครงสร้างข้อมูลแบบต้นไม้ ในแอปพลิเคชันกราฟิกส์สมัยใหม่ เป็นการรวบรวมโหนดต่างๆ ใน JavaFX คลาส javafx.scene.Scene จัดเก็บเนื้อหาทั้งหมดของ scene graph

สร้างอินสแตนซ์ของ javafx.scene.Scene โดยส่งอ็อบเจ็กต์ Group (root) ที่สร้างในขั้นตอนก่อนหน้า:

Scene scene = new Scene(root, 600, 300);

4. เพิ่ม Scene เข้าไปใน Stage

Stage เป็นคอนเทนเนอร์ระดับบนสุดของแอปพลิเคชัน JavaFX ให้หน้าต่างสำหรับแอปพลิเคชัน แทนด้วยคลาส javafx.stage.Stage อ็อบเจ็กต์ของคลาสนี้จะถูกส่งเป็นพารามิเตอร์ให้เมธอด start()

เพิ่ม Scene ที่เตรียมไว้เข้าไปใน Stage โดยใช้เมธอด setScene():

primaryStage.setScene(scene);

5. แสดงเนื้อหา

แสดงเนื้อหาของ Scene โดยใช้เมธอด show() ของคลาส Stage:

primaryStage.show();

6. เริ่มต้นแอปพลิเคชัน

เริ่มต้นแอปพลิเคชัน JavaFX โดยเรียกเมธอด static launch() ของคลาส Application จากเมธอด main:

public static void main(String[] args) {
    launch(args);
}

ตัวอย่างสมบูรณ์

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class BasicApplication extends Application {
    @Override
    public void start(Stage stage) {
        // สร้าง Group
        Group root = new Group();
        // สร้าง Scene
        Scene scene = new Scene(root, 595, 300, Color.BEIGE);
        // ตั้งค่า Scene ให้ Stage
        stage.setScene(scene);
        // ตั้งค่าหัวข้อ Stage
        stage.setTitle("JavFX Basic Application");
        // แสดงเนื้อหา
        stage.show();
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

ผลลัพธ์