دورة الفيجوال بيسكـ ((شرح مصور))

عاشق زورو

نجم النجوم

الله يعطيك العافية

مشكووووووور

بنتظار الجديد

صقر العروبة

مشكور اخوي على الشرح

لاكن مكان الموضوع في قسم البرامج المشروحة

----------------------------------------------------

ملاحظة: ارجوا منك وضع رابط تحميل للبرنامج

ليتسنا للأعضاء متابعة الشرح بالتطبيق

----------------------------------------------------

تقبل تحياتي لك

اخوك
صقر العروبة

عاشق زورو

التعرف على شاشات الفيجول بيسيك:
بداية وقبل كل شيء لابد أن نتعرف على شاشات الفيجول، لكي تسهل عملية التعامل معها فيما بعد:
عندما نفتح الفيجول بيسك ستظهر شاشة التحيه للحظات ثم تختفى ليظهر مربع الحوار التالى وهو يتيح لك إنشاء مشروع جديد New،
أو فتح مشروع موجود Existing، أو فتح مشروع تم عمله قريباً Recent.


الصورة السابقة منقوله من أحد المنتديات

لكن لدي البرنامج معرب وتظهر الصورة هكذا


سنختار مشروع قياسى Standerd EXE، ثم نضغط المفتاح Open، بعدها ستظهر لك شاشه الفيجول بيسك العاديه(شاشة بيئة التطوير)
والتى ستصبح مألوفة بالنسبه لك قريبا إن شاء الله. ومن هذه الشاشه تبدأ صناعة البرنامج:


والذي لديه البرنامج معرب يختار "تنفيذي قياسي" ثم اضغط موافق



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

النموذج (الفورمة) Form:
وهى مساحة العمل الأساسيه، أو الواجهة الأساسية لبرنامجك والذي ستظهر للمستخدم عند تشغيل البرنامج.




شريط أدوات التحكم Toolbox:
ويحتوي هذا الشريط على الأدوات التي سنستخدمها في البرمجة، والأدوات هي عبارة عن الكائنات التي يمكن وضعها في النموذج والذي يتعامل المستخدم مع البرنامج من خلالها.

شاشة الخصائص Properties:



ومن خلالها نستطيع تغيير خصائص أي أداة في البرنامج .. طولها ، عرضها، مكانها، لونها ... الخ.

وأهم الخصائص الذي سنحتاجها حالياً:
الخاصية Name وتعني الاسم الخاص بالأداة، ولا يظهر هذا الاسم للمستخدم، وإنما يحتاجه فقط المبرمج.
الخاصية Caption وهي العنوان الذي سيظهر على الأداة للمستخدم.
الخاصية FontName وتعني نوع الخط.
الخاصية FontSize وتعني حجم الخط.
الخاصية ForeColor وتعني لون الخط.
الخاصية Top وتحدد مكان الأداة رأسياً.
الخاصية Left وتحدد مكان الأداة أفقياً.
الخاصية Hight وتعني طول الأداة.
الخاصية Width وتعني عرض الأداة.



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

تعتمد البرمجة باستخدام الفيجول بيسيك على التفاعل مع المستخدم من خلال الأدوات والأحداث.. ما معنى هذا الكلام؟؟ لنفترض أننا نريد أن نضع في هذا النموذج الفارغ زراً، وعندما يضغط المستخدم على هذا الزر يتم كتابة (مرحباً) في النموذج .. هنا نكون قد تفاعلنا مع المستخدم عن طريق وضع الأداة وهي الزر في النموذج وأصبح من المتاح له أن يستخدم هذا الزر كما يريد، ثم تفاعلنا معه مرة أخرى عن طريق كتابة (مرحبا) عندما يتم حدث الضغط أو النقر على الزر.
هذا يعني أن الزر أداة .. وأن النقر على الزر حدث.

دعنا من ذلك الآن ولنبدأ في تصميم برنامجنا الأول مباشرة، وسيتضح الأمر بعد ذلك، وفي البداية لابد أن نعلم أن البرمجة تمر بثلاث مراحل أساسية وهي:

المرحلة الأولى: التخيل العام لشكل البرنامج.
وفيها نتصور شكل البرنامج بكل تفاصيله عندما يقوم المستخدم بتشغيله، ما الذي نريد أن يظهر للمستخدم؟ وماذا لو أن المستخم ضغط على هذا الزر أو اختار تلك الصورة أو مسح ذلك النص ؟ ما الذي سيحدث ؟ كل ذلك وغيره يجب تصوره جيداً قبل البدء في تصميم البرنامج.

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

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

انتهينا من الدرس الثاني

وسنتعلم في درسنا الثالث "تصميم البرنامج الأول"

الصور منقولة


معليش ما أقدر أحط البرنامج إلا بعد ما أخلص الشرح كاملاً

samir

شكرا بالرغم من أني عندى الشرح بالصوت و الصورة و باللغة العربية