دورة فيجوال بيسك 6 للمبتدئين

[info]هذه الدروة وجدها وحبيت انقلها للاستفادة لانوا لاتوجد دروة فيجوال بسيك هنا في المنتدى واتمنى من الاعضاء الي عندهم خبرة كبيرة عن الدورة يقمدو لنا دورة لانوا مثل هذه الدورة مفيدة جدا smilies14 عذرا لعدم تواجد الصورsmilies6 [/info]

بسم الله الرحمن الرحيم

أقدم لكم دورتي في الفيجوال بيسك 6 للمبتدئين وطبعاً كما تعرفون نحن في موسم الحج وانا بإذن الله سأحج هذه السنه لذلك قد أغيب في الأيام الجايه وأكمل الدوره بعد الحج وإذا أستطعت أن أكمل قبل الحج سأفعل بإذن الله

والآن سنبدأ الدوره ولاكن قبل البدء يجب عليك تحميل برنامج فيجوال بيسك من الرابط التالي:

http://www.01net.com/telecharger/windows/Programmation/creation/fiches/102119.html

بعد تحميل برنامج الفيجوال بيسك 6 وتثبيته على جهازك

إفتح الفيجوال بيسك6 وذلك عن طريق إبدأ ثم كافة البرامج ثم Microsoft Visual Studio 6.0 ثم Microsoft Visual Basic 6.0





ستفتح هذه النافذة التي في الصوره التاليه وشرحها موجود في نفس الصوره:



بعد الإنتهاء من النافذة السابقه سيفتح لك برنامج الفيجوال بيسك وهذا شرح لعناصر البرنامج في الصوره التاليه:



بعد الشرح العآم للعناصر في الصوره السابقه سنبدأ بشرح العناصر بالتفصيل الممل

والآن نبدأ بصندوق الأدوات Tool Box وهي تحتوي على 21 أداة :



ملاحظه: سأضع أيضاً أسماء الأداوت بالإنجليزي لأن معرفة أسماء الأدوات ستساعدك في كتابة الكود مستقبلاً.

1- أداة إدراج صوره (Picture Box) تستخدم لإدراج صوره داخل إطار وكذلك تستخدم كحاويه للأدوات الأخرى مثل أداة البرواز التي سيتم ذكرها لاحقاً.

2- أداة مؤشر الماوس (Pointer) هي أداة لايمكن إدراجها على الفورم لاكنها فقط تستخدم لنقل الأداوت من أماكنها وتغيير أحجامها فقط.

3- أداة مربع النص (Text Box) هذه الأداة تضعها إذا أردت من مستخدم برنامجك إدخال عدد أو أي قيمه إلى البرنامج.

4- أداة التسميه أو اللابيل (Label) وهي أداة تعرض عنوان أو نص معين في البرنامج.

5- أداة الزر أو الكوماند (Command Button) وهي أداة زر عند الضغط عليه يحدث حدث معين حسب الكود الذي تضعه.

6- أداة البرواز أو الفرام (Frame) تستخدم كحاويه للأداوت الأخرى وهي فقط لتزيين البرنامج.

7-أداة الخيار(Option Button) تستخدم إذا كان هناك عدة خيارات في برنامج وتريد من المستخدم إختيار خيار واحد فقط منها.

8- أداة مربع الأختيار (Check Button) تستخدم إذا كان هناك عدة إختيارات في البرنامج وتريد من المستخدم إختيار مجموعة إختيارات منها.

9- أداة القائمه أو مربع السرد ويقال لها أيضاً اللست بوكس (List Box) وهي لعرض قائمه إختيارات يمكن للمستخدم إختيار خيار واحد منها.

10- أداة القائمه المنسدله أو الكمبو بوكس (Combo Box) وهي قائمه تظهر عند الضغط عليها تحتوي عدة خيارات يمكن للمستخدم إختيار خيار واحد منها أو يمكنه إدخال قيمه جديده من خلالها.

>>يتبع<<

11- شريط التمرير الأفقي (من اليسار لليمين أو العكس) (Horizontal ScrollBar) يسمح بإختيار قيمه بناءً على موضع الزر في الشريط.

12- شريط التمرير العمودي (من الأعلى إلى الأسفل أو العكس) (Vertical ScrollBar) يسمح بإختيار قيمه بناءً على موضع الزر في الشريط.

13- أداة الأقراص أو مستعرض الأقراص (Drive ListBox) يسمح للمستخدم بتصفح أحد محركات الأقراص التي يختارها.

14- أداة المؤقت أو التايمر (Timer) يسمح بعمل حدث معين بعد مرور فتره معينه.

15- أداة مستعرض الملفات (File ListBox) يستعرض الملفات في نفس النموذج دون الخروج منه.

16- مستعرض المجلدات (Directory ListBox) يستخدم لإستعراض المجلدات.

17- أداة رسم الخط (Line) تستخدم لرسم خط على الفورم للتجميل فقط.

18- أداة الأشكال (Shape) تستخدم لرسم شكل هندسي على الفورم للتجميل فقط.

19- أداة ربط البيانات (Data Control) تستخدم لربط البيانات بين قاعدة البيانات والبرنامج.

20- أداة الصور (Image) نفس أداة الصور التي بالأعلى ولاكنها تختلف عنها انها دون برواز ولا يمكن جعلها تتضمن أداوت أخرى وهي تستهلك موارد أقل من النظام وتتميز بأنها يمكن وضع صوره شفافة الخلفية بداخلها.

21- أداة الربط والتضمين (OLE) تستخدم لربط البيانات بين البرنامج وخادم OLE.

>>يتبع<<

بعد ان شرحنا صندوق الأدوت جاء الآن دور عنوان المشروع (Title bar ) وشرحه أسهل شيء وهو يحتوي على أسم المشروع الحالي وغالباً مايكون بروجيت1 ويتضمن بين قوسين على عبارة (Break) أو (Run ) أو (Design)

ثالثاً نشرح النموذج (Form) هو أهم شيء في المشروع ولايمكن عمل برنامج دون فورم أو نموذج ويسمى أيضاً إطار أو نافذة وإذا لم يكن الفورم ظاهر يمكنك إضهاره عن طريق نافذة بروجيكت مثل مافي الصوره التاليه:



رابعاً نافذة بروجيكت (Project Window) وهي مثل التي بالصوره السابقه وهي مفيده للتنقل بين عناصر المشروع وتزداد أهميتها مع زيادة تعقيد المشروع إذا لم تكن ظاهره لديك يمكنك الضغط على (Ctrl + R) من لوحة المفاتيح لإظهارها وهذا شرح لأحد فوائد هذه النافذة في الصوره التاليه:



خامساً شرح نافذة الخصائص (Properties Window) وهي نافذة تعرض خصائص العنصر سواء أكان الفورم أو زر أو صوره أو قائمه أو أي عنصر ويمكن تغيير الخواص من هذه النافذة في مرحلة التصميم أو في مرحلة كتابة الكود والخواص هذه تتحكم بأسم الأداه واللون والخط وكل أداة لها خواص مختلفه وهذه النافذة غالباً ماتكون ظاهره وإذا لم تكن ظاهره يمكنك إظهارها عن طريق الضغط على (F4) من لوحة المفاتيح ولهذة النافذة صفحتين وهي : (Alphabetic) لإظهار الخصائص أبجدياً و(Categorized) لإظهار الخصائص حسب الموضوع



والآن نكتفي بهذا الشرح للخصائص مؤقتاً وبإذن الله لنا رجعه لها لنشرح أهم الخصائص

والآن أنتهينا من شرح عناصر البرنامج الهامه ولاكن بقي علينا الكثييير إنتظر الجزء القادم من الشرح

>>يتبع<<

والآن سنشرح خطوات برمجة البرامج في الفيجوال بيسك:

أولاً : خطوة التصميم المرئي للبرنامج وهي رسم الأدوات على النموذج أو الفورم.

ثانياً : خطوة تغيير الخصائص للفورم والأدوات التي عليه حسب مايناسبك

ثالثاً : الخطوة الأخيره وهي كتابة الأكواد

طريقة رسم أداة على الفورم:

يوجد طريقتين لذلك وهي:

1- أنقر نقر مزدوج على الأداة في صندوق الأدوات

2- أنقر نقره واحده على الأداه ثم إذهب إلى الفورم وأرسمها

طريقة تحريك الأدوات على الفورم من مكان إلى آخر عن طريق الماوس:
1- إضغط على الأداة وإستمر بالضغط.
2- حرك الماوس مع إستمرار الضغط دون تحرير الزر الأيسر للماوس وإذهب إلى المكان المناسب.
3- أترك الزر الأيسر للماوس .
ستجد الأداة قد نقلت إلى المكان الجديد.

والآن شرح نقل الأداة عن طريق لوحة المفاتيح:
1- إضغط على الأداة ثم إضغط زر (Ctrl) من لوحة المفاتيح + السهم من لوحة المفاتيح حسب المكان الذي تود النقل إليه.

طريقة تغيير حجم الأدوات:
يوجد طريقتين لذلك
أولاً بلوحة المفاتيح:
1- إضغط على الأداة التي تريد تغيير حجمها.
2- إضغط (Shift) من لوحة المفاتيح + السهم حسب الحجم الذي تريده.

الطريقه الثانيه: عن طريق الماوس:
1- إضغط على الأداه.
2- ستظهر حولها ثمانية مربعات.
3- إعمل مثل مافي الصورة التاليه:



الآن بعد أن إنتهينا من شرح أساسيات فيجوال بيسك 6 سنبدأ بعمل أول برنامج لك في فيجوال بيسك وهو برنامج آله حاسبه وبعد عمل برنامج الآله الحاسبه سنعمل برنامج زخرفة أسماء بسيط للتعرف على المزيد من الأشياء في فيجوال بيسك.

>>يتبع<<

الآن حان وقت تصميم أول برنامج لك وهو برنامج الآله الحاسبه الآن نبدأ بتصميمه:

أولاً إفتح برنامج الفيجوال بيسك 6 وذلك عن طريق إبدأ ثم كافة البرامج ثم Microsoft Visual Studio 6.0 ثم Microsoft Visual Basic 6.0





ستفتح لك نافذة new project إضغط open فقط من أسفل النافذة

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

5 أدوات عناوين (label) يجب إضافتهم
5 أدوات فرام (frame) يجب إضافتهم
3 أزرار كوماند (comand) يجب إضافتهم
4 أدوات الإختيارالتي تدعم إختيار واحد فقط (Option) يجب إضافتهم
ويكون ترتيبها مثل مافي الصوره التاليه:



والآن أنتهينا من مرحلة التصميم نبدأ الآن في مرحلة تغيير الخصائص:
الآن نبدأ بأداة frame1 نغير خصائصها مثل الآتي:
خاصية caption = كتابة الأعداد وذلك لتغيير عنوان الفرام إلى كتابة الأعداد
خاصية RightToLeft = الخيار الأول وهو True وذلك لجعل عنوان الفرام يأتي في اليمين (بصيغه عربيه).

ثانياً أداة frame2 نغير خصائصها إلى الآتي:
خاصية caption = إختيار العمليه وذلك لتغيير عنوان الفرام إلى إختيار العمليه
خاصية RightToLeft = الخيار الأول وهو True وذلك لجعل عنوان الفرام يأتي في اليمين (بصيغه عربيه).

ثالثاً أداة frame3 نغير خصائصها إلى الآتي:
خاصية caption = الناتج وذلك لتغيير عنوان الفرام إلى الناتج
خاصية RightToLeft = الخيار الأول وهو True وذلك لجعل عنوان الفرام يأتي في اليمين (بصيغه عربيه).

رابعاً أداة frame4 نغير خصائصها إلى الآتي:
خاصية caption = الوقت والتاريخ وذلك لتغيير عنوان الفرام إلى الوقت والتاريخ
خاصية RightToLeft = الخيار الأول وهو True وذلك لجعل عنوان الفرام يأتي في اليمين (بصيغه عربيه).

خامساً أداة frame5 نغير خصائصها إلى الآتي:
خاصية caption = خيارات وذلك لتغيير عنوان الفرام إلى خيارات
خاصية RightToLeft = الخيار الأول وهو True وذلك لجعل عنوان الفرام يأتي في اليمين (بصيغه عربيه).

الآن غير خواص الفورم form1 إلى الخواص التاليه:
خاصية caption وتعني عنوان الفورم نغيرها إلى الآله الحاسبه.
خاصية StartUpPosition وتعني مكان الفورم نغيرها إلى الخيار الثاني وذلك لجعل برنامجك متوسط بوسط الشاشه.
وأخيراً خاصية RightToLeft نحولها إلى الخيار الأول وذلك لجعل عنوان الفورم في اليمين.

والآن زر (command1) نغير فيه خاصية (caption) فقط إلى (خروج)
والآن زر(command2) نغير فيه خاصية (caption) فقط إلى( المبرمج)
والآن زر(command3) نغير فيه خاصية (caption) فقط إلى( إخفاء الأزرار)

والآن لجميع أداوت (label) و (textbox) إعمل لخواصها مثل الآتي
خاصية Alignment حولها إلى Center وذلك لتوسيط النص بوسط الأداه.
وخاصية caption لجميع اللابيل إجعلها فارغه ماعدا (label4) أكتب فيه
العدد الأول و (label5) أكتب فيه العدد الثاني.
و خاصية text للأداتين الـ(text) الموجده أيضاً إجعلها فارغه.

والآن أخيراً أدوات الأختيار (Option) نعمل لخاصية (caption) لها جميعاً كالآتي:
Option1 = قسمه
Option2 = ضرب
Option3 = طرح
Option4 = جمع

والآن أكتملت مرحلة التصميم وتغيير الخصائص وبقيت مرحلة الأكواد فقط وقبل البدء في مرحلة الأكواد أولاً أحب أن ترون صوره الفورم كيف أصبح الآن:



الآن إضغط على الفورم مرتين لتفتح لك نافذة كتابة الأكواد مثل مافي الصوره التاليه طبعاً الصوره فيها شرح مبسط لنافذة الكود:



الآن في حدث التحميل للفورم (Form_Load) أكتب الكود التالي:

كود PHP:

Label2.Caption = (Time)
Label3.Caption = DateTime.Date 


شرح الكود:
السطر الأول = عرض الوقت ((Time)) في منطقة الكتابه (Caption) للعنصر (Label2).
السطر الثاني = عرض التاريخ (DateTime.Date) في منطقة الكتابه (Caption) للعنصر (Label3).

الآن إضغط مرتين على زر إخفاء الأزرار لتفتح صفحة الكود ثم أكتب فيها:

كود PHP:

Command1.Visible = False
Command2.Visible = False
Command3.Visible = False 


وشرح الكود السابق:
السطر الأول تحويل حدث ظهور العنصر (Visible) إلى لا (False) للزر (Command1).
السطر الثاني تحويل حدث ظهور العنصر (Visible) إلى لا (False) للزر (Command2).
السطر الثالث تحويل حدث ظهور العنصر (Visible) إلى لا (False) للزر (Command3).

الآن إضغط على زر المبرمج مرتين لتفتح لك صفحة الكود أكتب فيها:

كود PHP:

MsgBox ("فاعل خير"), , "الآله  الحاسبه" 


شرح الكود:
عرض رسالة (Msgbox) تحتوي النص (فاعل خير) والعنوان (الآله الحاسبه)

والآن إضغط على زر خروج مرتين لتفتح لك صفحة الكود أكتب فيها:

كود PHP:

End 


ومعنى كلمة End في فيجوال بيسك 6 هو خروج

والآن جاء دور الأكواد الأهم في البرنامج وهي أكواد الجمع والطرح والضرب والقسمه:

إضغط على كلمة جمع مرتين فتفتح لك صفحة الكود أكتب فيها:

كود PHP:

Label1.Caption = Val(Text1.Text) +  Val(Text2.Text) 


وشرح الكود هو :
تغيير الكتابه (Caption) في العنصر (label1) إلى ناتج جمع (+) العدد (val) الموجود في (Text1) والعدد (val) الموجود في (Text2).

وكود طرح هو:

كود PHP:

Label1.Caption = Val(Text1.Text) -  Val(Text2.Text) 


شرحه:

تغيير الكتابه (Caption) في العنصر (label1) إلى ناتج طرح (-) العدد (val) الموجود في (Text1) والعدد (val) الموجود في (Text2).

وكود ضرب هو:

كود PHP:

Label1.Caption = Val(Text1.Text) *  Val(Text2.Text) 


شرحه:

تغيير الكتابه (Caption) في العنصر (label1) إلى ناتج ضرب (*) العدد (val) الموجود في (Text1) والعدد (val) الموجود في (Text2).

وكود قسمه هو:

كود PHP:

Label1.Caption = Val(Text1.Text) \  Val(Text2.Text) 


شرحه:

تغيير الكتابه (Caption) في العنصر (label1) إلى ناتج قسمة (\) العدد (val) الموجود في (Text1) على العدد (val) الموجود في (Text2).

والآن إنتهى عمل البرنامج وهذا رابط تحميل البرنامج الذي تم عمله في الشرح:

برنامج الآله الحاسبه.exe


>>يتبع<<

wait plzzzzsmilies6