إنشاء نموذج إرسال بيانات عبر GridPane في إطار JavaFX في لغة الجافا JAVA الدرس|45| - Programmer Tech

Programmer Tech

تعلم البرمجة - علوم الكمبيوتر - أمن المعلومات - القرصنة الأخلاقية

إعلان اعلى المقالة

الخميس، 18 فبراير 2021

إنشاء نموذج إرسال بيانات عبر GridPane في إطار JavaFX في لغة الجافا JAVA الدرس|45|

 

إنشاء نموذج تسجيل دخول بواسطة GridPane

إنشاء نموذج دخول عن طريق JavaFX بالإعتماد على GridPane, سوف نستخدم نفس الحزم الذي إستخدمناها في الدرس السابق إضافةً لحزم جديدة و هي حزمة Button لإنشاء الزر و حزمة PasswordField لإنشاء تكست خاص بإدخال كلمة السر و TextField تحدثنا عنها في الدرس السابق و GridPane الذي عن طريقه يمكننا تنظيم العناصر التفاعلية التي نقوم بإنشاءها و الحزمة Text التي تستخدم لإنشاء النصوص و الحزمة Stage و الحزمة geometry.Pos تُستخدَم لمحاذاة الـ GridPane (في الوسط, اليمين, اليسار).


مثال

package mhamad;

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.PasswordField;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class Mhamad extends Application {
    
    public void start(Stage stage) {
        Text t1=new Text("Email");
        Text t2=new Text("Password");
        TextField txt1=new TextField();
        PasswordField txt2=new PasswordField();
        Button b=new Button("Send");
        GridPane p=new GridPane();
        p.setMinSize(300, 300);
        p.setAlignment(Pos.CENTER);
        p.setHgap(5);
        p.setVgap(5);
        p.add(t1, 0, 0);
        p.add(txt1, 1, 0);
        p.add(t2, 0, 1);
        p.add(txt2, 1, 1);
        p.add(b, 0, 2);
        Scene s=new Scene(p);
        stage.setScene(s);
        stage.show();
    }

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


شرح المثال السابق

لقد إستخدمنا في هذا المثال حزم عديدة و هي حزمة geometry.Pos تُستخدَم لمحاذاة GridPane سواء للوسط أو اليمين أو اليسار, و حزمة الزر Button و الحزمة PasswordField هي حزمة خاصة بإنشاء تكست خاص بإدخال كلمة مرور و حزمة TextField الخاصة بالمربع النصي و حزمة GridPane الخاصة بتنظيم العناصر, و دخلنا للدالة start و بدأنا بكتابة الأكواد و في بدايتها أنشأنا ليبل t1 من أجل إدخال الإيميل و أنشأنا ليبل ثاني t2 من أجل حقل كلمة السر و أنشأنا كلاس مربع نصي بإسم txt1 عن طريق الكلاس TextField و كلاس كلمة المرور txt2 عن طريق الكلاس PasswordField ثم أنشأنا كلاس الزر Button من أجل إرسال البيانات و بعد ذلك قمنا بإنشاء GridPane من أجل تنظيم العناصر و تحديد حجم GridPane عن طريق الدالة setMinSize و كانت بطول 300 و عرض 300 ووضعنا محاذاتها في المنتصف بواسطة setAlignment و من ثم قمنا بتحديد المسافة بين العنصرين من اليمين و الأعلى و الأسفل عن طريق setHgap و المحاذاة العمودية بين العناصر عن طريق setVgap ثم قمنا بإضافة عنوان الكائن t1 و إضافة المربع النصي في العمود المجاور و بعدها اضفنا الباسورد t2 و اضفناها للعمود الثاني ثم اضفنا الزر في الأسفل بالصف الثالث و رقمه 2 أي الخلية 2 ثم أنشأنا المشهد و إضافته إلى الفورم و إظهار الفورم, عند تشغيل هذا الكود سوف تكون نتيجته هي

 

إضغط هنا للرجوع للدرس السابق

هناك تعليق واحد:

  1. مثلا واجهة تسجيل عضو جديد اما يسجل يتحول مباشرة على قائمة المستخدمين وتصلني بيانات التسجيل
    بدنا شرح كيف تعمل هيك

    ردحذف

facebook

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *