دروس عامة للمبتدئ الجزء الأول

دروس الفيجوال بيسك

[b]
الدرس الأول
فكرة عامة

[/b]

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

[size=9]في البداية و قبل كل شيء، بما أننا سنستخدم لغة الفيجوال بيسك، فإننا نحتاج لبرنامج محرر نصوص بلغة الفيجوال بيسك، أي برنامج الفيجوال بيسك، ولا يهم الإصدار المستخدم لأن الأوامر و اللغة تبقى كما هي، بالنسبة لي، فأنا أستخدم الفيجوال بيسك 6،

[size=9]قم بفتح البرنامج، من قائمة Start ثم Programs ثم Microsoft Visual Studio 6 ثم Microsoft Visual Basic 6، تظهر لك الصورة التالية، ثم يفتح البرنامج.

[size=9]بعد ذلك تظهر لك الصورة التالية في البرنامج،

[size=9]و كما ذكرت سابقا، فإننا لن نتعمق في هذه اللغة، لذلك قم باختيار Standerd EXE من هذا المربع، و بعدها تكون قد دخلت البرنامج،
فتظهر لك الصورة التالية

[size=9]ربما أنك لم تفهم الكثير من الشاشة التي ظهرت لك، دعنا نرى محتوياتها.
1. هذه القائمة شبيهة بالقائمة الموجودة في الPaint تحتوي على الأدوات التي تحتاجها لتصميم الفورم أو النموذج، قم بتقريب مؤشر الفأرة على الأدوات الموجودة لتتعرف أسماءها، حيث أننا من خلال هذه الدروس سوف نقوم بشرح هذه الأدوات إن شاء الله.
2. يمثل هذا الرقم المربع الرمادي الموجود داخل المربع الأبيض. المربع الرمادي هو عبارة عن شكل البرنامج، و الذي سوف تقوم بوضع الأدوات الموجودة في القائمة على اليسار عليه، ليظهر برنامجك بالتصميم الذي تريد.
3. هذا المربع الموجود يحتوي على محتويات برنامجك، و يمكنك من إضافة فورم جديد إلى برنامجك (سيتم الشرح في الدروس القادمة).
4. هذه القائمة تعتبر أهم القوائم الموجودة لأنها تحتوي على خصائص كل عنصر موجود في برنامجك، فتقوم بالنقر على الفورم نقرة واحدة فتظهر لك هذه القائمة خصائص ا لفورم، و إذا قمت بوضع مربع Text على الفورم، ثم نقرت عليه نقرة واحدة حتى تظهر لك النقط الحمراء، فإن هذه القائمة سوف تظهر لك خصائص الText. أيضا سوف يتم شرحها.
5. هذا المربع بيسط جدا حيث أن عمله يكمن في تحديد موقع البرنامج من الشاشة عند بدء التشغيل.

[size=9]و بذلك نكون قد أنهينا الدرس الأول من الفيجوال بيسك، أرجو أن تكون قد استفدت منه، كما أرجو أن أكون قد وفقت في تقديم الشرح و الأفكار و المعلومات

الدرس الثاني
الخصائص

[size=9]كما ذكرت لك في الدرس الأول بأن قائمة الخصائص هي من أهم القوائم الموجودة، لأنها تمثل خصائص الأدوات الموجودة في القائمة على اليسار. لذلك دعنا نتعرف على بعض الخصائص الموجودة لبعض الأدوات المهمة.

[size=9][size=12]خصائص الفورم أو النموذج
قم بالنقر على النموذج (أي المربع الرمادي) لتظهر لك الخصائص الموجودة للفورم

في الأسفل تشاهد شرحا عن كل خاصية، و إليك الآن بعض الخصائص للفورم:
1. Name : اسم الأداة، و يفضل عدم تغييره لتسهيل عملية البرمجة
2. BackColor : لون خلفية الفورم
3. BorderStyle : الأزرار الموجودة في أعلى يمين البرنامج، و التي تظهر إذا كان يمكن تكبيرة، إغلاقه ...إلخ
4. Caption : اسم البرنامج، و الذي يظهر في الشريط الموجود أعلى يسار أي برنامج
5. Font : نوع الخط في البرنامج
6. ForeColor : لون الخط
7. Height : الارتفاع، ارتفاع الفورم
8. Picture : وضع صورة أو خلفية للفورم
9. RightToLeft : للكتابة من اليمين إلى اليسار
10. StartUpPosition : موقع الفورم أو البرنامج عند بداية التشغيل
11. Visible : إظهار الفورم أو إخفاءه
12. Width : العرض، عرض الفورم
بإمكانك تجريب هذه الخصائص أو خصائص أخرى لتعرف أهميتها.

[size=9][size=12]خصائص الText
لتعرف خصائص النص أو الText، قم بوضع هذه الأداة على الفورم عن طريق الضغط عليها و الأداة موضحة بالشكل التالي

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

[size=9]*ملاحظة: سوف أقوم بشرح الخصائص التي تختلف عن الفورم فقط، أما المتشابهة، فهي تعمل نفس الوظيفة.
1. Alignment : محاذاة النص الموجود داخل المربع، يمين، يسار، منتصف.
2. Left : المسافة بين الTextBox و أقصى يسار الفورم.
3. MaxLength : أكبر حد من الحروف أو الأرقام التي يمكن إدخالها في الTextBox، صفر تعني لا يوجد حد معين.
4. MultiLine : إمكانية كتابة أكثر من سطر واحد في الTextBox.
5. PasswordChar : هيئة أو شكل الحروف إذا كان مربع النص لكتابة كلمة سرية.
6. Text : النص الموجود داخل مربع النص.
7. Top : المسافة بين الTextBox و أعلى الفورم.
أيضا بإمكانك تجريب بقية الخصائص الموجودة.

[size=9][size=12]خصائص الLabel
قم بوضعها على الفورم مثلما وضعت مربع النص أو الTextBox و تكون بالشكل التالي:

إليك قائمة بالخصائص الجديد الخاصة بLabel:
1. BackStyle : تحديد الخلفية إذا أردتها شفافة، أو عادية.

[size=9]بالطبع فإن هنالك المزيد من الخصائص لجميع الأدوات، و لكن دعنا نكتفي بهذه الخصائص المهمة، و كنت قد اكتفيت بشرح خصائص الTextBox و الLabel بسبب أهميتهما، حيث أنه لا يوجد أي برنامج يخلو من هذين العنصرين، كما أن خصائصهما عامة أي توجد معظمها في العناصر أو الأدوات الأخرى.

[size=9]و قبل البدء بالدروس الخاصة بالبرمجة، بقي علينا تعرف الأدوات الأخرى الموجودة في القائمة على اليسار، لذلك دعنا ننتقل الآن إلى الدرس الثالث لمتابعة دروس الفيجوال بيسك.

[/size][/size][/size][/size][/size][/size][/size][/size][/size]

الدرس الثالث
الأدوات

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

[size=9]1. PictureBox : يستخدم لإضافة صورة.
الاستخدام : بعد سحب الأداة إلى الفورم، قم باختيار الصورة التي تريدها من قائمة الخصائص، الخاصية Picture
2. Pointer : لاستخدام مؤشر الفأرة.
3. TextBox : لوضع صندوق يسمح للمستخدم إدخال نص فيه.
4. Label : تستخدم لكتابة نص أو جمل لا يستطيع المستخدم تغييرها.
5. CommandButton : يستخدم كزر لينفذ أمر ما، يكون مدخل من خلال المبرمج، و يتم تنفيذ الأمر عند الضغط عليه.
6. Frame : يستخدم كصندوق يحتوي على أي شيء تريده مثل Label أو TextBox.
7. OptionButton : من المؤكد أنك تعرف أهمية هذا الأمر، الذي يستخدم لإعطاء المستخدم خيارات، و يقوم باختيار خيار واحد فقط.
8. CheckBox : نفس الأمر السابق، و لكنه يسمح للمستخدم باختيار أكثر من خيار واحد.
9. ListBox : لإعطاء خيارات للمستخدم تظهر كلها في نفس الوقت.
10. ComboBox : صندوق مسندل، يقوم المستخدم باختيار خيار واحد فقط.
الاستخدام : قم بوضع الخيارات التي تريدها في الخاصية List، و بعد كل سطر قم بضغط المفتاحين Enter و Ctrl
11. H+VScrollBar : تستخدم لوضع الأداة الخاصة لسحب البرنامج إما بشكل عمودي أو بشكل أفقي.
12. Timer : من الأدوات الهامة في البرنامج، و هو يقوم بتنفيذ أمر معين عند كل وحدة زمنية حسب إدخالك للزمن في الخاصية Interval.
13. Line : يستخدم لإضافة خط للبرنامج ليكون فاصل بين حديين معينين مثلا.
14. Shape : يستخدم لإضافة شكل إلى البرنامج، مربع دائرة ...إلخ. قم بتغيير الشكل عن طريق تغيير الخاصية Shape.
15. Image : لا يوجد فرق تقريبا بين Image و Picture.

[size=12]مقدمة إلى البرمجة

في نهاية هذا الدرس سوف أقوم بإعطائك فكرة سريعة عن البرمجة. هنالك نقطتين رئيسيتين للبرمجة، أول شيئ هو طريقة كتابة الكود، و ذلك عن طريق النقر على الأداة نقرتين بالفأرة، فتظهر لنا الجمل التالية:

Private Sub الحدث_اسم الأداة
End Sub

[size=9]مثال: قم بوضع الأداة CommandButton على الفورم، و اضغط عليها مرتين متتاليتين، تفتح لك شاشة الكود بالشكل التالي:
Private Sub Command1_Click()
End Sub

[size=9]دعنا نقوم بتحليل الجمل التي تظهر لنا، في الجملة الأولى باللون الأزرق تعني بأن هنالك أمر خاص، ثم تأتي الجملة التي تليها لتوضح الأمر يخص أي أداة، و بالطبع بما أننا ضغطنا على الزر CommandButton فسوف يكون بخصوص الزر Command1 أما ما عنيته سابقا بالحدث، فهنا نرى كلمة Click و التي تعني بأن الأسطر التي سوف ندخلها، سوف تنفذ عند النقر على هذا الزر، و هنالك طبعا العديد من الأحداث تراها في القائمة المنسدلة في أعلى يمين شاشة الكود.

[size=9]أما بالنسبة للنقطة الثانية، فهي طريقة كتابة الكود، و هي جمل عامة، كالجملة التالية:
Label1.Caption = "أهلا بك في فادي نت"

[size=9]معنى هذه الجملة هي أنها صندوق الLabel يحتوي على الجملة "أهلا بك في فادي نت".
لكن ربما تفكر: بإمكاني وضع هذه الجملة من قائمة الخصائص الموجودة بدون كتابة الكود، هذا الشيء صحيح، لكن ربما أنني أردت أن يكون محتوى Label1 شيء آخر وعند الضغط على الزر أو CommandButton يصبح محتوى Label1 هو "أهلا بك في فادي نت".

[/size][/size][/size][/size][/size][/size]

]
_________________

مشكور اخوي

مشكووووووور

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

نترقب منك كل جديد

تحياتي.......

العفووووووووووووووووووووووو

مشكورين على هذي الردود الطيبة ألي حلت الموضوع
_________________

وأتمنا أن تستفيدو من هذا التعليم البسيط
_________________

مشكووووور

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

_________________

مشكوووووووور اخوي

على التعليم

تحيااااااااتي

ما سويت غير الواجب

ومشكورة يا
ملكة الاحساس

على ردك الحو
_________________
_________________

مشكوووووووور اخوي

مشكوروالله يعطيك العافيه

العفو
_________________

اخوي ارجوا انك تكبر الخط

ومشكور
_________________