إنشاء أكثر من عنصر items و إضافتهم إلى الروت في إطار JavaFX في لغة الجافا JAVA الدرس|41| - Programmer Tech

Programmer Tech

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

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

الثلاثاء، 16 فبراير 2021

إنشاء أكثر من عنصر items و إضافتهم إلى الروت في إطار JavaFX في لغة الجافا JAVA الدرس|41|

 

إنشاء اكثر من عنصر و إضافتهم إلى الروت

سنتعلم اليوم على كيفية إضافة اكثر من عنصر ثم إضافة العناصر إلى الروت (VBOX) ثم إضافة الروت إلى الحاوية (Scene) بعد ذلك نضيف Scene إلى المقطع النهائي Stage.

كما تعلمنا في الدرس السابق تعرَفنا على كيفية إضافة عنصر واحد ثم إضافته إلى الروت الإبن ثم إضافة الروت إلى Scene, سنتعلم اليوم كيفية إضافة عنصرين و سنتعلم كيفية التعامل مع اكثر من عنصر و إضافتهم إلى الروت root.

مثال

package kaissarfx;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import javafx.scene.layout.VBox;

public class Kaissarfx extends Application{
    
    public void start(Stage Stage) {
        Label L1=new Label("Sajom");
        Button B=new Button("Click");
        VBox root=new VBox();
        root.setSpacing(2);
        root.getChildren().addAll(L1,B);
        Scene Scene=new Scene(root,500,300);
        Stage.setScene(Scene);
        Stage.show();
        
    }

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

 


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

لقد إستدعينا عدة حزم سوف نستخدمها ضمن هذا الكود و بعضها تعرفنا عليها في الدروس السابقة و بعضها نعتبرها جديدة علينا و منها حزمة إضافة الزر control.Button و حزمة إضافة حقل control.Label و قمنا بالدخول للدالة start و الكائن الذي تمتلكه هو Stage و كتبنا ضمنها كلاس الخاص بالنص و هو Label و النص المعروض هو Sajom و انشأنا كلاس الزر Button و كلاس الإبن الجذر VBox و عن طريق الدالة setSpacing حددنا عدد الابناء او العناصر 2 و اضفنا هذه العناصر إلى الروت root بواسطة الدالة getChildren و اضفنا الابن الى الاب و حددنا الحجم عرض 500 و طول 300 و قمنا بإضافة الكائن إلى النموذج و اظهرناه, و عندما نقوم بتنفيذ الكود السابق سيظهر النموذج بالشكل


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

ليست هناك تعليقات:

إرسال تعليق

facebook

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

الاسم

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

رسالة *