إنشاء نموذج Stage و كتابة نصوص بداخله في JavaFX - ProgrammerTech
Language:

Search

إنشاء نموذج Stage و كتابة نصوص بداخله في JavaFX

  • Share this:
إنشاء نموذج Stage و كتابة نصوص بداخله في JavaFX

إنشاء نموذج Stage في JavaFX

نموذج Stage في مكتبة JavaFX, سوف نتعلم في هذا الدرس على كيفية بناء أول تطبيق في JavaFX, كما أسلفنا في الدرس السابق قُلنا أن JavaFX تمُدُّنا بتطبيقات و دوال جاهزة لمساعدتنا على إنشاء التطبيق بكل سهولة. سنتعلم اليوم كيفية إنشاء نموذج Stage بسيط ومن ثم سوف نتابع بقية الدروس بالتدريج خطوة بخطوة. سوف نتعلم بناء نموذج عن طريق الحزمة Stage سنحتاج لحزمتين و هما Application و Stage. عن طريق الحزمة application الكلاس الذي قمنا بإنشاءه يَرِث من Application, و Application هو من نوع ابستراكت. طالما أن الكلاس التابع لنا يَرِث من Application فعليه بتنفيذ الدالة التي يزودنا بها الـ Application. الحزمة Stage تعني الفورم بحد ذاته, و هو يقوم بتقسيم النافذة إلى قسمين, القسم الأول هو شريط القوائم و القسم الثاني هو المنطقة التي نضيف بها اشياء إلى النافذة, يعني أن كل ما سيتم إضافته للنافذة سيتم ربطه مع Stage.

مثال 1

package sajafx;
import javafx.application.Application;
import javafx.stage.Stage;
public class Sajafx extends Application{
    public void start(Stage s)
    {
        s.setTitle("welcome programmer tech");
        s.show();
    }
     public static void main(String []args){
        launch(args);
     }
}

لقد قمنا بإستدعاء الحزمتين التي تلزمانا في هذا المثال وهما حزمة Application و حزمة Stage ثم الكلاس Sajafx كان يَرِث من Application. بعد ذلك قُمنا بإنشاء فورم الواجهة عبر public void start(Stage s) و قمنا بتحديد عنوان Title الذي يظهر بعنوان إسم الواجهة بإستخدام s.setTitle وقُمنا بإظهار النموذج بإستخدام s.show. و دخلنا للبرنامج الرئيسي إستدعينا الدالة args التابع للداله الرئيسية start.

و عند تنفيذ الكود سوف يظهر النموذج الذي قمنا بإنشاءه كما يلي.

انشاء نافذة stage في javafx

 

مثال 2

import javafx.application.Application;
import javafx.collections.ObservableList;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
public class Main extends Application {
    public void start(Stage stage) {
        Text text = new Text("Saja CS");
        text.setFont(new Font(42));
        text.setX(60);
        text.setY(160);
        Group root = new Group();
        root.getChildren().add(text);
        Scene scene = new Scene(root, 600, 300);
        stage.setTitle("Saja CS");
        stage.setScene(scene);
        stage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

في بداية الكود قمنا بإستدعاء بعض الحزم التي سوف تَلزَمنا بهذا الدرس ثم قُمنا بإنشاء الكلاس الخاص بالنص الذي سَيَظهَر بداخل النافذة و هو Text textو حددنا حجم الخط 42 بإستخدام setFont. و قمنا بإختيار مكان ظهور النص بداخل الفريم و حددنا إسم هذ النموذج عبر setTitle. و قمنا بإظهار النموذج بإستخدام stage.show.

و عند تنفيذ هذا الكود ستكون النتيجة.

الكتابة بداخل stage في javafx

 

كتابة عنوان في المشهد Scene

سوف نتعلم كيفية كتابة عنوان يظهَر على المشهد ثم إضافة المشهَد إلى النموذج stage. لكتابة عنوان سنستخدم الحزمة text.Text و لتنسيق العنوان سوف نستخدم الحزمة text.Font هاتين الحزمتين تابعات للمشهد scene. نبدأ بداخل الدالة start تعرَّفنا عليها في الدروس السابقة و قلنا أنها تابعة للإنترفيس Application و طالما نحن نَرِث من الإنترفيس لا بد أن نقوم إجبارياً بتنفيذ الدالة start. و بداخل الدالة start نقوم ببناء البرنامج.

مثال 3

package mhamad;
import javafx.application.Application;
import javafx.event.EventType;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Mhamad extends Application {
    public void start(Stage stage) {
        Text txt=new Text();
        txt.setX(50.0);
        txt.setY(100.0);
        txt.setText("welcome in my website");
        txt.setFont(new Font(30));
        Group root=new Group(txt);
        Scene scene=new Scene(root,450,300);
        stage.setScene(scene);
        stage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

في بداية هذا البرنامج لقد قُمنا بإستدعاء عٍِدّة حزم تلزمنا لكتابة العنوان و منها حزمة text.Font الخاصة. بتنسيق العنوان الذي سوف نكتبه و الحزمة text.Text هي حزمة خاصة. بكتاية العنوان و باقي الحزم التي إستدعيناها شرحناها بالدروس السابقة. ثم دخلنا للدالة start و بدنا بكتابة البرنامج, بدأنا في البداية بكتابة كلاس إنشاء العنوان Text ثم حددنا نقطة X بواسطة الدالة setX و تحديد محاذاتها من اليمين إلى اليسار. و حددنا إحداثيات نقطة Y و محاذاتها من الأعلى إلى الأسفل و بعدها قُمنا بكتابة العنوان الذي سوف يظهَر في المشهد بواسطة الدالة setText. و بعدها إخترنا حجم الخط 30 بواسطة setFont و من ثم اضفنا العنصر إلى الروت الجذرلأنه يعمل مع الجرافيكس.

و كما تعودنا في الدروس السابقة نحدد عرض و طول النموذج و إضافته إلى الروت ثم إضافة الروت إلى المشهد ثم إظهار النموذج. و بعدها نقوم بتشغيل الدالة start من داخل البرنامج الرئيسي عبر launch(args).

و عند تشغيل البرنامج سنحصل على النتيجة الآتية.

كتابة عنوان في stage

Tags:
Muhammad Alush

Muhammad Alush

إسمي محمد تركي العلوش محب للتقنية و التعلم الذاتي, و جميع خبراتي تعلمتها ذاتياً, و اللغات البرمجية التي أتقنها هي html, css, javascript, php, c, python بالإضافة إلى حبي الكبير لمجال الشبكات.

موقعي programmer-tech.com