إنشاء نموذج Stage في JavaFX
سوف نتعلم في هذا الدرس على كيفية بناء اول تطبيق في JavaFX, كما اسلفنا في الدرس السابق قُلنا أن JavaFX تمُدُّنا بتطبيقات و دوال جاهزة لمساعدتنا على إنشاء التطبيق بكل سهولة.
سنتعلم اليوم كيفية إنشاء نموذج بسيط و من ثم سوف نتابع بقية الدروس بالتدريج خطوة بخطوة, سوف نتعلم بناء نموذج عن طريق الحزمة 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);
}
}
شرح المثال السابق 1
لقد قمنا بإستدعاء الحزمتين الذي يلزمونا في هذا المثال و هما حزمة Application و حزمة Stage ثم الكلاس Sajafx كان يَرِث من Application بعد ذلك قمنا بإنشاء فورم الواجهة عبر public void start(Stage s) و قمنا بتحديد عنوان Title الذي يظهر بعنوان اسم الواجهة بإستخدام s.setTitle و قمنا بإظهار النموذج بإستخدام s.show و دخلنا للبرنامج الرئيسي إستدعينا الدالة args التابع للداله الرئيسية start و عند تنفيذ الكود سوف يظهر النموذج الذي قمنا بإنشاءه كما يلي
مثال 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);
}
}
شرح المثال السابق 2
في بداية الكود قمنا بإستدعاء بعض الحزم الذي سوف تَلزَمنا بهذا الدرس, ثم قُمنا بإنشاء الكلاس الخاص بالنص الذي سَيَظهَر بداخل النافذة و هو Text textو حددنا حجم الخط 42 بإستخدام setFont و قمنا بإختيار مكان ظهور النص بداخل الفريم و حددنا إسم هذ النموذج عبر setTitle و قمنا بإظهار النموذج بإستخدام stage.show و عند تنفيذ هذا الكود ستكون النتيجة
