إعلان
دورة تطوير التطبيقات باستخدام لغة JavaScript في هذه الدورة ستتعلم لغة جافا سكريبت, استخدام مكتبة React.js, بناء API الموقع بواسطة Node.js, تطوير تطبيق جوال باستخدام React Native, و في نهاية الدورة ستتعلم تطوير تطبيق محادثة شبيه بتطبيق WhatsApp. تعلم الآن
دورة تطوير واجهات المستخدم في هذه الدورة ستتعلم لغة HTML و لغة CSS و لغة JavaScript. من ناحية التطبيق العملي ستتعلم طريقة بناء واجهة متجر إلكتروني مكون من ست صفحات, تحويل خمسة تصاميم PSD إلى صفحات ويب, بناء واجهة مستخدم تشبه موقع يوتيوب, بناء لوحة تحكم إحترافية. تعلم الآن
تطوير تطبيقات باستخدام لغة بايثون في هذه الدورة ستتعلم أساسيات البرمجة بلغة بايثون وصولاً إلى التعامل مع أشهر أطر العمل (Flask و Django) و ستتعلم كيف تبني متجر إلكتروني يمكن للمستخدمين البيع و الشراء من خلاله. تعلم الآن
دورة تطوير تطبيقات الويب باستخدام لغة PHP في هذه الدورة ستتعلم لغة PHP من الصفر, استخدام إطار العمل Laravel بشرح مفصّل و عملي, كيفية تطوير شبكة اجتماعية تشبه Instagram, بناء API لتطبيق جوال وفق أسلوب RESTful, تطوير موقع إعلانات مبوبة, تطوير نظام إدارة محتوى CMS كامل. تعلم الآن
دورة تطوير تطبيقات الويب باستخدام لغة Ruby في هذه الدورة ستتعلم البرمجة بلغة Ruby إنطلاقاً من أبسط المفاهيم وحتى بناء تطبيق حقيقي, إستخدام إطار العمل Ruby on Rails بشرح مفصّل و عملي, بناء تطبيق حقيقي عبارة عن شبكة اجتماعية تشبه تويتر, تطوير مجتمع الكتروني يشبه حسوب I/O. تعلم الآن
دورة علوم الحاسوب هذه الدورة معدة لتكون مدخل لعلوم الحاسوب و لغات البرمجة حيث ستتعرف فيها على أنظمة التشغيل و ستتعمق في نظام لينكس و في كيفية التعامل معه من خلال موجه الأوامر, بالإضافة إلى قواعد البيانات و أساسيات الشبكات و الخوادم و مبادئ الحماية والأمان في الويب. تعلم الآن

    JavaFX الكلاس ProgressBar

    مقدمة

    الكلاس ProgressBar يستخدم لإضافة Progress Bar في واجهة المستخدم.

    الـ Progress Bar يستخدم في العادة للأسباب التالية:

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


    بناء الكلاس ProgressBar

    public class ProgressBar
    extends ProgressIndicator
    	


    مصطلحات تقنية

    الـ ProgressBar الذي له قيمة محددة كما في الصورة التالية يسمى Determinate Progress Bar.

    javafx determinated progressbar


    الـ ProgressBar الذي ليس له قيمة محددة كما في الصورة التالية يسمى Indeterminate Progress Bar.

    javafx indeterminated progressbar



    طريقة التعامل معه

    للحصول على Progress Bar, يجب إنشاء كائن من الكلاس ProgressBar.

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

    • إذا وضعت 0 فهذا يمثل 0%.
    • إذا وضعت 0.40 فهذا يمثل 40%.
    • إذا وضعت 1 فهذا يمثل 100%.

    لتغيير لون كائن الـ ProgressBar نستخدم الدالة setStyle() و نغيير قيمة خاصية إسمها -fx-accent.

    في حال قمت بإنشاء كائن من الـ ProgressBar و لم تقم بتحديد قيمته الأولية أو قمت بوضع قيمة أصغر من 0 كقيمة له أولية مثل 1- فإنه سيظهر كـ Indeterminate Progress Bar.

    كونستركتورات الكلاس ProgressBar

    الجدول التالي يحتوي على كونستركتورات الكلاس ProgressBar.

    الكونستركتور مع تعريفه
    public ProgressBar() ينشئ كائن من الكلاس ProgressBar يمثل Indeterminate Progress Bar.
    public ProgressBar(double progress) ينشئ كائن من الكلاس ProgressBar يمثل Determinate Progress Bar مع تحديد القيمة الأولية التي ستظهر فيه.
    مكان الباراميتر value نضع القيمة التي نريدها أن تظهر فيه بشكل إفتراضي عند تشغيل البرنامج.

    دوال الكلاس ProgressBar

    الجدول التالي يحتوي على دوال الكلاس ProgressBar الأكثر إستخداماً.

    الدالة مع تعريفها
    public final void setProgress(double value) تستخدم لتحديد قيمة كائن الـ ProgressBar الذي قام بإستدعائها.
    مكان الباراميتر value نضع القيمة الجديدة و التي يجب أن تكون بين 0 و 1.
    • إذا وضعت قيمة بين 0 و 1 فإنه سيظهر كـ Determinate Progress Bar قيمته تمثل نسبة مئوية. فمثلاً إذا وضعت إذا وضعت 0.40 فهذا يمثل 40%.
    • إذا وضعت قيمة أصغر من 0 فإنه سيظهر كـ Indeterminate Progress Bar.
    • إذا وضعت قيمة أكبر من 1 فإنه سيظهر كـ Determinate Progress Bar قيمته تساوي 100%.
    public final double getProgress() ترجع قيمة كائن الـ ProgressBar الذي قام بإستدعائها كرقم نوعه double.
    public final void setTranslateX(double value) تستخدم لتحديد مكان كائن الـ ProgressBar الذي قام باستدعائها أفقياً.
    مكان الباراميتر value نضع رقم يمثل كم Pixel سيتم إزاحته من اليسار إلى اليمين.
    public final void setTranslateY(double value) تستخدم لتحديد مكان كائن الـ ProgressBar الذي قام باستدعائها عامودياً.
    مكان الباراميتر value نضع رقم يمثل كم Pixel سيتم إزاحته من الأعلى إلى الأسفل.
    public void setPrefSize(double prefWidth, double prefHeight) تستخدم لتحديد حجم كائن الـ ProgressBar الذي قام باستدعائها.

    • مكان الباراميتر prefWidth نضع رقم يمثل عرض الـ ProgressBar بالـ Pixel.
    • مكان الباراميتر prefHeight نضع رقم يمثل طول الـ ProgressBar بالـ Pixel.
    public final void setVisible(boolean value) تستخدم لإظهار أو إخفاء كائن الـ ProgressBar الذي قام باستدعائها في النافذة.
    مكان الباراميتر value نضع القيمة true لإظهاره, و نضع القيمة false لإخفائه.
    public final void setDisable(boolean value) تستخدم لجعل نص كائن الـ ProgressBar الذي قام باستدعائها يبدو غير مفعّل, أي يصبح لونه باهتاً و غير قابل للنقر عليه.
    مكان الباراميتر value نضع القيمة true لجعله غير مفعّل.
    public final void setStyle(String value) تستخدم لتعديل تصميم كائن الـ ProgressBar الذي قام بإستدعائها.
    مكان الباراميتر value يمكنك تمرير إسم و قيمة أي خاصية تريد تعديلها في كائن الـ ProgressBar بأسلوب لغة CSS لإظهاره بالشكل الذي تريده.

    أمثلة شاملة


    المثال الأول

    المثال التالي يعلمك طريقة إنشاء كائن من الكلاس ProgressBar و إضافته في النافذة.

    طريقة إنشاء ProgressBar في javafx

    شاهد المثال »



    المثال الثاني

    المثال التالي يعلمك طريقة تغيير لون الـ ProgressBar.

    طريقة تغيير لون ال ProgressBar في javafx

    شاهد المثال »



    المثال الثالث

    المثال التالي يعلمك طريقة تحديد قيمة الـ ProgressBar.

    طريقة تحديد قيمة ال ProgressBar في javafx

    شاهد المثال »



    المثال الرابع

    المثال التالي يعلمك طريقة تغيير قيمة الـ ProgressBar بناءاً على قيمة TextField أو PasswordField أو TextArea.

    تغيير قيمة ال ProgressBar بناءاً على قيمة TextField أو PasswordField أو TextArea في javafx

    شاهد المثال »

    إعلان

    Eqla3Tech.com

    شروحات مكتوبة حول لغات البرمجة و تقنية المعلومات باللغة العربية مقدمة من إقلاع تك.

    لغة جافا لغة ++C قواعد البيانات نظام ويندوز نظام لينكس الشبكات تقنية المعلومات الأمن السيبراني

    الدورات

    أدوات مساعدة

    الأقسام

    دورات
    مقالات أسئلة مشاريع كتب