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

    مقدمة

    في هذا الدرس ستتعلم كيف تتعامل مع الكلاسات الجاهزة في الحزمة javafx.scene.shape لرسم أشكال ثنائية الأبعاد ( 2D Shapes ).
    كل كلاس موجود في هذه الحزمة تم تصميمه لإعطائك شكل معين يمكنك رسمه في النافذة.

    من الأشياء التي يمكنك رسمها في النافذة بواسطة هذه الحزمة:

    • خط ( Line) مستقيم أو منحني.
    • مستطيل ( Rectangle).
    • دائرة ( Circle).
    • شكل بيضاوي ( Ellipse).
    • تحويل الصور التي نوعها SVG لشكل ثنائي الأبعاد.


    معلومة تقنية

    الحزمة javafx.scene.shape فيها كلاس إسمه Shape يعتبر الكلاس الأساسي لأي كلاس يمثل شكل معين.
    و بالتالي فإن أي شكل نريد الحصول عليه سيكون عبارة عن كائن من كلاس يرث منه و لهذا ستجد أن أغلب الكلاسات التي ستتعامل معها في هذه الحزمة تملك دوال مشتركة.



    مبدأ الرسم

    مبدأ الرسم في جافا هو نفسه مبدأ الرسم الذي تعلمته في مادة الرياضيات حيث أن كل نقطة تريد تحديد مكانها في النافذة يجب أن تحدد لها قيمتين هما X و Y.

    • X: نقصد منها أين سيتم وضع النقطة بالنسبة للنافذة أفقياً.
    • Y: نقصد منها أين سيتم وضع النقطة بالنسبة للنافذة عامودياً.

    في النهاية, تحديد قيمة X و Y معاً يحدد مكان وجود النقطة في النافذة.

    الكلاسات التي تستخدم لرسم أشكال ثنائية الأبعاد


    الكلاس Line

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

    مثال حول الكلاس Line في javafx

    شاهد المثال »



    الكلاس Rectangle

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

    مثال حول الكلاس Rectangle في javafx

    شاهد المثالين »



    الكلاس Circle

    يستخدم للحصول على دائرة.
    المثال التالي يعلمك طريقة رسم دائرة, إعطاؤها لون و إضافتها في النافذة.

    مثال حول الكلاس Circle في javafx

    شاهد المثال »



    الكلاس Ellipse

    يستخدم للحصول على شكل بيضاوي.
    المثال التالي يعلمك طريقة رسم شكل بيضاوي, إعطاؤه لون و إضافته في النافذة.

    مثال حول الكلاس Ellipse في javafx

    شاهد المثال »



    الكلاس Arc

    يستخدم للحصول على دائرة غير مكتملة أو دائرة فيها جزء ناقص.
    المثال التالي يعلمك طريقة رسم دائرة غير مكتملة, إعطاؤها لون و إضافتها في النافذة.

    مثال حول الكلاس Arc في javafx

    شاهد المثال »



    الكلاس Polygon

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

    مثال حول الكلاس Polygon في javafx

    شاهد المثال »



    الكلاس Polyline

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

    مثال حول الكلاس Polyline في javafx

    شاهد المثال »



    الكلاس QuadCurve

    يستخدم للحصول على منحنى رباعي و الذي يشبه الخط الغير مستقيم أو الذي فيه إنحناء واحد.
    المثال التالي يعلمك طريقة رسم منحنى رباعي, إعطاؤه لون و إضافته في النافذة.

    مثال حول الكلاس QuadCurve في javafx

    شاهد المثال »



    الكلاس CubicCurve

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

    مثال حول الكلاس CubicCurve في javafx

    شاهد المثال »



    الكلاس SVGPath

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

    مثال حول الكلاس SVGPath في javafx

    شاهد المثال »



    الكلاس Path و الكلاس PathElement

    في حال كنت تريد بناء شكل معقد لا يشبه أي شكل من الأشكل التي تعلمت طريقة رسمها من الأمثلة السابقة, يمكنك إستخدام الكلاس Path و الكلاسات التي ترث من الكلاس PathElement لرسم الشكل الذي تريده.
    المثال التالي يعلمك طريقة رسم أي شكل تريد و تلوينه, و من ثم إضافته في النافذة.

    مثال حول الكلاس Path و الكلاسات التي ترث من الكلاس PathElement في javafx

    شاهد المثال »

    طرق دمج الأشكال الثنائية الأبعاد

    في حال كنت تريد دمج الأشكال الثنائية الأبعاد في شكل جديد فيوجد ثلاث طريق أساسية لدمج الأشكال سنتعرف عليها من الأمثلة التالية.


    المثال الأول

    عملية دمج الأجزاء المشتركة و الغير مشتركة بين الأشكال مع بعضها البعض كما فعلنا في المثال التالي يقال لها Union Operation.

    مثال حول Union Operation في javafx

    شاهد المثال »



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

    عملية دمج الأجزاء المشتركة فقط بين الأشكال مع بعضها البعض كما فعلنا في المثال التالي يقال لها Intersection Operation.
    ملاحظة: الشكل الذي يظهر في الصورة عبارة عن الجزء المشترك بين المستطيلين.

    مثال حول Intersection Operation في javafx

    شاهد المثال »



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

    عملية حذف أجزاء من الشكل نسبة للأشكال الأخرى التي نقربها منه كما فعلنا في المثال التالي يقال لها Subtraction Operation.
    ملاحظة: الشكل الذي يظهر في الصورة عبارة عن المستطيل الأول محذوف منه الجزء المشترك مع المستطيل الثاني.

    مثال حول Subtraction Operation في javafx

    شاهد المثال »

    إعلان

    Eqla3Tech.com

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

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

    الدورات

    أدوات مساعدة

    الأقسام

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