JavaFXطريقة تصميم واجهة مستخدم بواسطة برنامج Gluon

import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;

public class LoginController implements Initializable {

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        
    }
    
    // Button أنه سيتم تنفيذها عند النقر على الـ Login.fxml التي ذكرنا في الملف handleButtonAction() هنا قمنا بتعريف الدالة
    @FXML
    private void handleButtonAction(ActionEvent event) {
        // handleButtonAction() هنا قلنا أنه سيتم إنشاء نافذة صغيرة منبثقة كلما تم تنفيذ الدالة
        Alert alertInformation = new Alert(AlertType.INFORMATION);
        alertInformation.setHeaderText("First Alert using FXML");
        alertInformation.setContentText("This is just a test");
        alertInformation.showAndWait();
    }
    
}

<?xml version="1.0" encoding="UTF-8"?>

<?import java.net.URL?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane id="AnchorPane"
            prefHeight="400.0"
            prefWidth="600.0"
            styleClass="mainFxmlClass"
            xmlns:fx="http://javafx.com/fxml/1"
            xmlns="http://javafx.com/javafx/8.0.171"
            fx:controller="LoginController">         <!-- هو إسم ملف الجافا المخصص لهذا الملف LoginController -->
    <stylesheets>
        <URL value="@Login.css" />
    </stylesheets>
   <children>
      <Button layoutX="274.0"
              layoutY="188.0"
              mnemonicParsing="false"
              text="Click Me"
              onAction="#handleButtonAction" />      <!-- هو إسم الدالة التي سيتم تنفيذها عند النقر على الزر handleButtonAction -->
   </children>
</AnchorPane>

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {
    
    @Override
    public void start(Stage stage) throws Exception {
        
        // Login.fxml و التي قمنا بتجهيزها في الملف Button يمثل الحاوية التي فيها Parent هنا قمنا بإنشاء كائن من الكلاس
        Parent root = FXMLLoader.load(getClass().getResource("Login.fxml"));
        
        // فيها. أي ما فيه سيوضع كمجتوى فيها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن
        Scene scene = new Scene(root);
        
        // أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في الكائن scene هنا وضعنا الكائن
        stage.setScene(scene);
        
        // هنا وضعنا عنوان للنافذة
        stage.setTitle("FXML Sample App");

        // هنا قمنا بإظهار النافذة
        stage.show();

    }

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