برنامج JavaFX التعليمي: كيفية إنشاء تطبيق؟



يقدم هذا البرنامج التعليمي JavaFX مقدمة موجزة لمنصة JavaFX وميزاتها وبنيتها وسيساعدك على إنشاء تطبيق JavaFX الأول الخاص بك

JavaFX عبارة عن منصة Java لإنشاء تطبيقات إنترنت غنية (RIAs) يمكن تشغيلها على مجموعة كبيرة ومتنوعة من الأجهزة. من المفترض أن تحل محل تأرجح في جافا التطبيقات كإطار عمل واجهة المستخدم الرسومية. كما أنه يوفر وظائف أكثر من Swing. JavaFX هو الجيل التالي من مجموعة أدوات واجهة المستخدم الرسومية لـ . مثير للاهتمام؟ في هذا البرنامج التعليمي JavaFX ، دعنا نستكشف المفهوم بالتفصيل.

ما هو JavaFX؟ s

JavaFX عبارة عن مكتبة Java تستخدم لتصميم وإنشاء واختبار ونشر تطبيقات واجهة المستخدم الرسومية عبر الأنظمة الأساسية وتطبيقات الإنترنت الغنية (RIAs) التي يمكن تشغيلها عبر مجموعة متنوعة من الأجهزة.





  • كان أحد الحوافز لإنشاء JavaFX هو استبدال Swing. علاوة على ذلك ، فإن JavaFX أكثر اتساقًا في تصميمها من Swing.
  • يحتوي على المزيد من الميزات وهو أكثر حداثة أيضًا ، مما يتيح لك تصميم واجهة المستخدم الرسومية باستخدام ملفات التخطيط (XML) وتصميمها باستخدام .
  • يدمج JavaFX أيضًا رسومات ومخططات وصوت وفيديو وتطبيقات الويب ثنائية الأبعاد وثلاثية الأبعاد في مجموعة أدوات واجهة المستخدم الرسومية المتماسكة.

ملحوظة: تطبيقات الإنترنت الغنية هي تطبيقات الويب التي تقدم ميزات وخبرات مماثلة لتطبيقات سطح المكتب. إنها توفر تجربة مرئية أفضل عند مقارنتها بتطبيقات الويب العادية للمستخدمين.

الآن بعد أن أصبحت على دراية بماهية JavaFX بالضبط ، تحقق من الجزء الهندسي منها في الجزء التالي من هذا البرنامج التعليمي JavaFX.



هندسة JavaFX

يحتوي JavaFX على العديد من المكونات المضمنة المترابطة مع بعضها البعض. يحتوي على مجموعة غنية من واجهات برمجة التطبيقات التي تعد أكثر من كافية لتطوير تطبيقات إنترنت غنية تعمل باستمرار عبر العديد من الأنظمة الأساسية. يوضح الرسم التوضيحي التالي بنية JavaFX API.

العمارة - دروس JavaFX - Edureka

دعونا نستكشف كل من هذه المكونات بالتفصيل.



رسم بياني للمشهد

Scene Graph هو نقطة البداية لإنشاء تطبيق JavaFX. إنه تسلسل هرمي من العقد التي تمثل جميع العناصر المرئية لواجهة مستخدم التطبيق. عنصر واحد في الرسم البياني للمشهد يسمى عقدة. كل عقدة هي إما عقدة فرعية أو عقدة طرفية. يمكن أن تحتوي العقد الفرعية على عقد أخرى ، مثل فروعها ولكن العقد الورقية لا تحتوي على عقد أخرى. العقدة الأولى في الشجرة تسمى عقدة الجذر. ليس للعقدة الجذرية أصل.

هناك فصول مختلفة موجودة في javafx.scene الحزمة المستخدمة لإنشاء وتعديل وتطبيق بعض التحولات على العقدة.

محرك الرسومات

يوفر محرك رسومات JavaFX دعم الرسومات لمكون الرسم البياني للمشهد. وهو يدعم بشكل عام الرسومات ثنائية الأبعاد وثلاثية الأبعاد على حد سواء. يوفر أيضًا عرض البرنامج عندما لا تكون أجهزة الرسومات الموجودة على النظام قادرة على دعم العرض المسرع للأجهزة.

خطوط الأنابيب المسرَّعة بالرسومات في JavaFX هما:

  • المنشور - ذلكعبارة عن جهاز رسومات عالي الأداء يتم تسريعه ويمكنه عرض رسومات ثنائية وثلاثية الأبعاد.
  • مجموعة أدوات الكم -يتم استخدامه لربط مجموعة أدوات النوافذ الزجاجية والمنشور معًا وإتاحتها للطبقات أعلاه في المكدس.

مجموعة أدوات لف الزجاج

إنها طبقة تعتمد على النظام الأساسي وتربط منصة JavaFX بنظام التشغيل الأصلي. يوفر خدمات نظام التشغيل الأصلية مثل إدارة النوافذ والأحداث وأجهزة ضبط الوقت والأسطح.

الوسائط ومحرك الويب

  • محرك الويب - Itهو محرك متصفح ويب يُستخدم لتضمين ملف المحتوى إلى رسم بياني لمشهد JavaFX.يدعم HTML5 و CSS و و DOM و SVG.
  • محرك الوسائط - Itيوفر أدوات لإنشاء تطبيقات وسائط تتيح تشغيل الوسائط في نافذة سطح المكتب أو داخل صفحة ويب على الأنظمة الأساسية المدعومة. JavaFX محرك الوسائط يعتمد على محرك مفتوح المصدر يُعرف باسم غاسل . يدعم تشغيل محتوى الفيديو والصوت.

هذه هيالمكونات التي تدعم JavaFX API. الجزء التالي من هذا البرنامج التعليمي JavaFX يدور حول بنية تطبيق JavaFX.

تشريح تطبيق JavaFX

تطبيق JavaFXينقسم بشكل هرمي إلى ثلاثة مكونات رئيسية: المرحلة ، والمشهد ، والعقد.

المسرح

إنها الحاوية الرئيسية ونقطة دخول التطبيق. إنه يمثل النافذة الرئيسية ويتم تمرير كائن المرحلة الذي تم إنشاؤه كوسيطة لـ بداية() طريقة تطبيق صف دراسي.المرحلة لها معلمتان ، عرض، و ارتفاع، الذي يحدد الموقف أي.

هناك خمسة أنواع من المراحل المتاحة وناقص

  • مزين
  • غير مزخرف
  • شفاف
  • موحد
  • خدمة

عليك الاتصال بـ تبين() طريقة لعرض محتويات المرحلة.

مشهد

ال مشهد عبارة عن حاوية للمحتوى المرئي للمسرح. يحتوي على عناصر واجهة المستخدم ، مثل طرق عرض الصور ، والأزرار ، والشبكات ، ومربعات النص. المشهد صف دراسيمن الحزمة javafx.scene يوفر جميع الطرق للتعامل مع كائن المشهد.يمكنك إنشاء مشهد عن طريق إنشاء ملف مشهد فئة الكائن وتمرير كائن التخطيط إلى مُنشئ فئة المشهد.

رسم بياني للمشهد والعقد

إنه موجود فيأدنى مستوى من التسلسل الهرمي. أ رسم بياني للمشهد هي بنية بيانات شبيهة بالشجرة (هرمية) تمثل محتويات المشهد. يمكنك التفكير في الأمر على أنه مجموعة من العقد المختلفة. في الأساس. أ العقدة هو كائن مرئي / رسومي لرسم بياني للمشهد.ال العقدة فئة الحزمة javafx.scene يمثل عقدة واحدة في JavaFX وهذه الفئة هي فئة فائقة لجميع العقد.

الآن بعد أن عرفتهيكل تطبيق JavaFX بالتفصيل ، فلنتعلم كيفية إنشاء تطبيق JavaFX مع مثال في هذا البرنامج التعليمي JavaFX.

إنشاء تطبيق JavaFX

دعونا نتحقق من كيفية أداء J avaFX البرمجة على IDE Eclipse. أول شيء عليك القيام به هو التثبيت ه (fx) كليبس البرنامج المساعد لـ Eclipse IDE. ه (fx) كليبس هي مجموعة من الأدوات والمكتبات الضرورية التي تساعدك على أداء برمجة JavaFX.

هنا ، نقوم بإنشاء تطبيق JavaFX بسيط يقوم بالطباعة مرحبًا بك في Edureka! على وحدة التحكم عند النقر فوق الزر الظاهر على المسرح.

حزمة تطبيق import javafx.application.Application import javafx.event.ActionEvent import javafx.event.EventHandler import javafx.scene.Scene import javafx.scene.control.Button import javafx.scene.layout.StackPane import javafx.stage.Stage الرئيسية توسع التطبيق {Override public void start (stage basicStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! '') btn.setOnAction (new EventHandler () {Override public void handle ( حدث ActionEvent) {System.out.println ('Welcome to Edureka!')}}) StackPane root = new StackPane () root.getChildren (). add (btn) Scene scene = new Scene (root، 300، 250) primaryStage .setTitle ('Hello World!') primaryStage.setScene (scene) primaryStage.show ()} public static void main (String [] args) {launch (args)}}

انتاج:

مرحبًا بك في Edureka!

مثال شرح برنامج تطبيق JavaFX

دعونا نحاول فهم كيفية عمل هذا المثال البرنامج في خطوات بسيطة.

الخطوة 1: تمديد طريقة javafx.application.Application وتجاوز start ()

كما ناقشنا سابقًا ، بداية() الطريقة هي نقطة البداية لتطبيق JavaFX. استيراد تطبيق JavaFX.Application لتجاوز طريقة البدء (). تجاوز طريقة البدء () ومرر لها object من الفصل javafx.stage.Stage.

Override بداية الفراغ العام (المرحلة الابتدائية المرحلة)

الخطوة 2: قم بإنشاء زر

يمكنك إنشاء زر عن طريق إنشاء مثيل لملف javafx.scene.control.Button صف دراسي. لذلك ، قم باستيراد الفئة ذات الصلة في التعليمات البرمجية. قم بتمرير نص تسمية الزر في مُنشئ فئة الزر.

زر btn = زر جديد ()

الخطوه 3: إنشاء حدث للزر

يطبع هذا التطبيق المثال نص حدث على الزر. لذلك ، تحتاج إلى إنشاء حدث للزر. لهذا الغرض ، اتصل setOnAction () على الزر وحدد فئة مجهولة Event Handler كمعامل للطريقة.داخل هذه الفئة المجهولة ، حدد طريقة معالجة (). تحقق من رمز طريقة handle ().

btn.setText ('قل' مرحبًا بك في Edureka! '') btn.setOnAction (new EventHandler () {Override public void handle (ActionEvent event) {System.out.println ('Welcome to Edureka!')}

الخطوة 4: قم بإنشاء تخطيط وإضافة الزر إليه

يوفر JavaFX عادةً عددًا من التخطيطات. قم بتنفيذ أحدها من أجل تصور الأدوات بشكل صحيح. تحتاج إلى إضافة عقد أخرى مثل الأزرار والنصوص وما إلى ذلك إلى هذا التخطيط.

StackPane root = new StackPane () root.getChildren (). add (btn)

الخطوة 5: خلق المشهد

جافا لقوة

المشهد في مستوى أعلى في التسلسل الهرمي لهيكل تطبيق JavaFx. لذلك ، تحتاج إلى إضافة تخطيطك إلى المشهد. يمكنك إنشاؤه إنشاء مثيل javafx.scene.cene class وتمرير كائن التخطيط إلى مُنشئ فئة المشهد.

مشهد المشهد = مشهد جديد (الجذر ، 300 ، 250)

الخطوة 5: جهز المسرح

المرحلة هي الحاوية الرئيسية ونقطة دخول التطبيق. طرق الاستخدام التي تقدمها javafx.stage.Stage فئة لتعيين بعض سمات المرحلة.استخدم طريقة show () لعرض المرحلة. إليك رمز ذلك.

PrimaryStage.setTitle ('Hello World!') primaryStage.setScene (مشهد) primaryStage.show ()

الخطوة 6: قم بإنشاء الطريقة الرئيسية

في الخطوة الأخيرة ، قم بإنشاء طريقة رئيسية ستبدأ من خلالها تشغيل التطبيق ، أي استدعاء طريقة التشغيل () وتمرير وسيطات سطر الأوامر (args) إليه.

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

الخطوة 7: قم بتشغيل التطبيق لرؤية الإخراج.

لجعله أكثر إثارة ، يمكنك تغيير واجهة المستخدم لتطبيق JavaFX من خلال تطبيق تصميم مخصص عليه مثل HTML و CSS.

هذا يقودنا إلى نهاية هذابرنامج JavaFX التعليمي. لقد مررنا بالهيكل الداخلي لتطبيق JavaFX وتعلمنا القدرات الأساسية لبنيته ودورة حياته ومكوناته. لقد تحققنا أيضًا من كيفية إنشاء تطبيق GUI بسيط.

تأكد من ممارسة أكبر قدر ممكن وإعادة تجربتك.

تفحص ال من Edureka ، وهي شركة تعليمية موثوقة عبر الإنترنت مع شبكة تضم أكثر من 250000 متعلم راضٍ منتشرين في جميع أنحاء العالم. نحن هنا لمساعدتك في كل خطوة في رحلتك ، لكي تصبح بجانب أسئلة مقابلة جافا هذه ، توصلنا إلى منهج مصمم للطلاب والمهنيين الذين يريدون أن يصبحوا مطور جافا.

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في هذا البرنامج التعليمي لـ JavaFX وسنعاود الاتصال بك في أقرب وقت ممكن.