إعلان
دورة تطوير التطبيقات باستخدام لغة 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 الكلاس DatePicker

    مقدمة

    الكلاس DatePicker يستخدم للحصول على ComboBox خاص لإختيار التاريخ ( Date Chooser ) بشكل جميل جداً و سهل للغاية. حيث تجد أنه يتيح لك إدخال التاريخ بنفسك أو إختياره من القائمة التي تظهر عند النقر على أيقونة التاريخ.
    إفتراضياً, يتم عرض التاريخ في الـ DatePicker بلغة حاسوب المستخدم في حال لم تقم بتحديد لغة التطبيق بنفسك.
    و طبعاً يمكنك تحديد لغة التطبيق و عرض التاريخ باللغة التي تريدها بالإضافة إلى أنك تستطيع إظهار التاريخ الهجري هذا شرحناه بتفصيل في الأمثلة.


    بناء الكلاس DatePicker

    public class DatePicker
    extends ComboBoxBase<LocalDate>
    	


    الآن, إذا قمت بإنشاء كائن من الكلاس DatePicker و أضفته في النافذة فإنه سيظهر كالتالي.

    javafx DatePicker date field

    إذاً كما تلاحظ يمكنك أن تدخل التاريخ في مربع النص بشكل مباشر أو النقر على أيقونة التاريخ و التي ستظهر نافذة مخصصة لإختيار التاريخ كالتالي.

    javafx DatePicker date chooser

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

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

    الكونستركتور مع تعريفه
    public DatePicker() ينشئ كائن من الكلاس DatePicker يمثل ComboBox مخصص لإختيار التاريخ.
    public DatePicker(LocalDate localDate) ينشئ كائن من الكلاس DatePicker يمثل ComboBox مخصص لإختيار التاريخ, مع تحديد التاريخ الذي سيظهر موجوداً فيه بشكل إفتراضي.
    مكان الباراميتر color نضع كائن من الكلاس localDate يمثل التاريخ الذي سيكون ظاهراً بشكل إفتراضي.

    دوال الكلاس DatePicker

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

    الدالة مع تعريفها
    public final void setTranslateX(double value) تستخدم لتحديد مكان كائن الـ ComboBox الذي قام باستدعائها أفقياً.
    مكان الباراميتر value نضع رقم يمثل كم Pixel سيتم إزاحته من اليسار إلى اليمين.
    public final void setTranslateY(double value) تستخدم لتحديد مكان كائن الـ ComboBox الذي قام باستدعائها عامودياً.
    مكان الباراميتر value نضع رقم يمثل كم Pixel سيتم إزاحته من الأعلى إلى الأسفل.
    public void setPrefSize(double prefWidth, double prefHeight) تستخدم لتحديد حجم كائن الـ ComboBox الذي قام باستدعائها.

    • مكان الباراميتر prefWidth نضع رقم يمثل عرض الـ ComboBox بالـ Pixel.
    • مكان الباراميتر prefHeight نضع رقم يمثل طول الـ ComboBox بالـ Pixel.
    public final void setDisable(boolean value) تستخدم لجعل كائن الـ ComboBox الذي قام باستدعائها يبدو غير مفعّل, أي يصبح لونه باهتاً و غير قابل للنقر عليه.
    مكان الباراميتر value نضع القيمة true لجعله غير مفعّل.
    public final LocalDate getValue() ترجع القيمة المختارة في كائن الـ DatePicker الذي قام باستدعائها ككائن من الكلاس LocalDate.
    public void setValue(LocalDate value) تستخدم لتحديد التاريخ الذي نريده أن يظهر مختاراً في كائن الـ DatePicker الذي باستدعائها.
    مكان البارميتر value نضع كائن من الكلاس LocalDate يمثل التاريخ الذي سيتم إختياره.
    public final void setConverter(StringConverter<LocalDate> value) تستخدم لتحديد طريقة ظهور التاريخ ( Date Format ) الذي سيختاره المستخدم في كائن الـ DatePicker الذي قام باستدعائها.
    ملاحظة: يجب أن تفعل لها Override لتحدد كيف سيتم عرض التاريخ.
    لا تقلق وضعنا مثال شامل عن هذا الأمر.
    public final void setPromptText(String value) تستخدم لعرض نص إرشادي في كائن الـ DatePicker الذي باستدعائها في حال كان فارغاً و لم يقم المستخدم بعد بوضع الفأرة بداخله.
    مكان البارميتر value نمرر النص الذي نريد أن يتم عرضه في كائن الـ DatePicker في حال كان فارغاً و لم يقم المستخدم بعد بوضع الفأرة بداخله.
    public final void setStyle(String value) تستخدم لتعديل تصميم كائن الـ DatePicker الذي قام بإستدعائها.
    مكان الباراميتر value يمكنك تمرير إسم و قيمة أي خاصية تريد تعديلها في كائن الـ DatePicker بأسلوب لغة CSS لإظهاره بالشكل الذي تريده.

    أمثلة شاملة


    المثال الأول

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

    طريقة إضافة DatePicker في javafx

    شاهد المثال »



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

    المثال التالي يعلمك طريقة وضع تاريخ إفتراضي للـ DatePicker.

    طريقة وضع تاريخ إفتراضي لل DatePicker في javafx

    شاهد المثال »



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

    المثال التالي يعلمك طريقة إظهار الـ DatePicker باللغة العربية و بأي لغة أخرى.

    طريقة إظهار ال DatePicker باللغة العربية في javafx

    شاهد المثال »



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

    إفتراضياً, الـ DatePicker يستخدم الفورمات MM/dd/yyyy لذلك تلاحظ أنه يعرض التاريخ كالتالي: السنة/اليوم/الشهر

    المثال التالي يعلمك طريقة تغيير شكل ( فورمات ) التاريخ الذي يظهر بداخل مربع النص الخاص بالـ DatePicker.
    فعلياً, سننشئ الفورمات التالية d-M-Y و نطبقها على الـ DatePicker لعرض التاريخ الذي يختاره المستخدم كالتالي: السنة-الشهر-اليوم

    تغيير طريقة ظهور التاريخ في ال DatePicker في javafx

    شاهد المثال »



    المثال الخامس

    المثال التالي يعلمك طريقة تحديد التواريخ التي يمكن للمستخدم إختيارها في الـ DatePicker.

    طريقة تحديد التواريخ التي يمكن للمستخدم إختيارها في الـ DatePicker في javafx

    شاهد المثال »



    المثال السادس

    المثال التالي يعلمك طريقة إظهار Tooltip عند تمرير الفأرة فوق الأيام في الـ DatePicker.
    في الـ Tooltip سنعرض الفرق بين التاريخ الحالي و التاريخ الذي يتم تمرير الفأرة فوقه.

    طريقة إظهار Tooltip في ال DatePicker في javafx

    شاهد المثال »



    المثال السابع

    المثال التالي يعلمك طريقة إظهار التقويم الهجري في الـ DatePicker.

    طريقة إظهار التقويم الهجري في ال DatePicker في javafx

    شاهد المثال »



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

    المثال التالي يعلمك طريقة عرض قيمة الـ DatePicker في Label عند النقر على Button.

    طريقة عرض قيمة ال DatePicker في Label عند النقر على Button في javafx

    شاهد المثال »

    إعلان

    Eqla3Tech.com

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

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

    الدورات

    أدوات مساعدة

    الأقسام

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