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

[B][ALIGN=CENTER] دورة الفيجوال بيسكـ شرح مصور

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

[COLOR=deeppink]كما وعدناكم نفي بوعدنا لكم ونتمنى أن يحوز هذا العمل على رضاكم

وقبل الشروع في هذه الدورة أعلموا أني لازلت مبتدء ولا أستغنى عن المساعدة فيما بيننا فاليد الواحده لا تصفق..[/COLOR]

[COLOR=indigo]في البدايه نأخذ مقدمة سريعة عن البرنامج .. وأكيد راح يتساءل البعض عن كيفية إيجاد هذا البرنامج؟
أقول لك وبكل بساطه .. اذهب لأي محل كمبيوتر واطلب منه "فيجوال بيسك 6,0 "
بعشره ريالات....[/COLOR]

الفيجوال بيسك لغة برمجة أطلقتها شركة ميكروسوفت ولكن يميزها عن باقي اللغات أنها أسهلهم برمجيا و أسهلهم لعمل شكل للبرنامج
(Easier Creating Inteface)
و هذه من أهم مميزات هذه اللغة و سنبدأ الآن بالشرح أولا :
- لفتح البرنامج :
من قائمة Start
نختار Programs
ثم Visaul Studio 6.0
ثم Visaul Basic 6.0

الشاشة الإفتتاحية :
أ-
أولا يظهر شعار للبرنامج ثم يختفي تلقائيا و يظهر لنا نافذة لإختيار نوع المشروع
الأنواع الرئسية :
EXE Standard
و هو النوع الذي عادة ما يستخدم لصنع برامج تنفيذية بامتداد exe
ِActive x DLL
و هو يستخدم لصنع ملفات بامتداد dll و لا يحتاج المستخدم لتشغيلها لكنها تعمل بأوامر معينة
Active X Control
و هي تعد أفضل ما في الإصدار 6,0 فأنت تستطيع إنشاء أدوات بامتداد *.ocx
و تقوم باستخدامها في برامجك و يمكنك بيعها كما تفعل الشركات الأجنبية

و في هذه الدروس سيكون النوع الذي نستخدمه هو EXE Standard
ب-عند الدخول على EXE Standard ستفتح لنا نافذة العمل design
و هي تتكون من :
1- tool box:
و هي التي توجد بها مجموعمة من الأدوات المرفقة مع الفيجوال بيسك مثل الزر و صندوق الصورة و سنشرحها بالتفصيل فيما بعد
2-Properties Window
ومن هذه النافذة نستطيع التحكم في خصائص الكائنات و الأدوات
3-Form
و هو شكل البرنامج و يكون داخل نافذة Project1
4-Project Explorer
و هي تتيح لك التنقل بين الفورمات المختلفة و الذهاب لنافذة البرمجة
5- Code Window
اضغط مفتاح F7ستر ىأن نافذة بيضاء قد ظهرت و هنا يتم كتابة الأوامر البرمجية
هكذا نكون قد انتهينا من مكونات شاشة فيجوال بيسك و سيلي فيما بعد شرح تفصيلي
لصندوق الأدوات أداة أداة ستقوم بشرحها إن شاء الله تعالى ..

[COLOR=darkblue]تشغيل ‘ فيجول بيسيك ’ :

[IMG]http://www.absoft2000.com/les1.files/image002.jpg[/IMG]



هنا شرح لأدوات البرنامج


[IMG]http://www.vb-pro.net/lessons/3/d1.gif[/IMG]

1-المؤشر poniter وهذه الاداة تستخدم في نقل الاشياء وتحديدها وهذه الاداة غير غريبة عنا لانها تراه في معظم البرامج
2- العنوان label وهذه الاداه تتيح لك خاصية كتابة العنواين
3-الفريم frame1 وهي اداة تحديد سيأتي مجال الشرح عنها لاحقا
4-صندوق الاختيار check box وهي ليست غريبة علينا فهي تتيح لك اختيار اكثر من خيار في ان واحد
5- picture box وهذه الاداة تتيح لك عرض الصور من خلالها
6- اداة النص textbox وهي اداة جدا مفيدة اذ تتيح لك خاصية كتابة نص معين او تستطيع استخدامها كوسيلة ادخال للبرنامج وسيتم شرح كيفية استخدامها لاحقا
7-زر الامر command button وهذه تتيح لك تمرير الاوامر التي تريدها عبر البرنامج
8-صندوق الاختيار radio button وهذه الخاصية لا تسمح الا باختيار فقط خيار واحد .
9-combo box وسنأتي لشرحه لاحقا
10- listbox وسنأتي لشرحها لاحقا
11- timer المؤقت وهذه الاداة تسمح لك بعمل تغييرات في خلال وقت زمنى معين
12-drive box وهذه الاداة تتعامل مع محركات الاقراص الصلبة
13- folder list box وهذه الاداة تتعامل مع المجلدات
14- shape رسم اشكال
15- file list box وتتيح لك التعامل مع الملفات
16- line الخط رسم خط طوليا او عرضيا او قطريا

أكثر ما يهمنا من هذه الأدوات والتي أنصحكم بالتركيز عليها مبدئياً:
2 و 3 و6 و 7[/COLOR]

[B][COLOR=purple][ALIGN=CENTER]هنا شرح واجهة الفيجوال بيسكـ

[IMG]http://www.geocities.com/beauty_gril_000/5.gif[/IMG]

الصورة منقووله[/ALIGN][/COLOR] [/B]

وترقبوا الدروس القادمة "إن شاء الله"

أي سؤال أي استفسار قبل الشروووع[/ALIGN] [/B]

شكراً لك أخي الكريم موضوع شق وشرح وافي، جزاك الله خير.

[B]زجزاك أخي الكريم

ونريد أن نرد لهذا المنتدى بعض من جمايله علينا

ووفقكم الله ,,[/B]

ما شاء الله عليك شرح ممتاز ...صحيح انك BARG
ونحن بإنتظار الدروس القادمة منك .....

[FONT=Tahoma][SIZE=4][COLOR=darkblue]ماشاء الله عليك


وفيت وكفيت اخوي;)[/COLOR][/SIZE][/FONT]

وفيت وكفيت ياالبرق
 

مشكور أخوي البرق على الشرح الجميل ،،،
لي سؤال بالنسبة لربط الفيجوال بيسك فيرجين 6 مع قاعدة بيانات أكسس 2000 فما فوق باستخدام الداتا كنترول في الفيجوال والتي أشرت عليها بالرقم 17 ، حيث ان البرنامج يرفض الربط بينهما ولكن يسمح بالربط إذا إستخدمت أكسس 97 ...
وهل هنالك إصدار فيجوال بيسك خاص بالبوكيت بي سي
شاكراً ومقدراً لك ...

[B]أهلاً وسهلاً بكم جميعاً

صدق جبرت بخاااطري وإن شاء الله تلقون اللي يسركم
[IMG]http://www.dannh.com/vb/images/smilies/85.gif[/IMG]

أخي ملك الكيوتك ... شاكر لك كلماتك يا غالي
وحنزل الدرس الثاني اليوم عشان سواااد عيوووونك:)

[IMG]http://www.dannh.com/vb/images/smilies/85.gif[/IMG]

kuwaitdiamond
أشكر لك التعقيب وانتظروا بقية الدروس

[IMG]http://www.dannh.com/vb/images/smilies/85.gif[/IMG]
zraiqy
أهلاً بك ... ولو انتظرت لحين نزول الدروس تباعاً ستلقى الجواب
لكن عشانك نعطيك إجابه عاااجله..
نحول قاعدة البيانات من اكسس 2000 إلى اكسس 97
هل تعرف؟

وبالنسبه لسؤالك عن :
وهل هنالك إصدار فيجوال بيسك خاص بالبوكيت بي سي؟؟
نعم وهو فيجوال استديو نت 2003
وقد بدأ أحد أعضاء هذا المنتدى بشرحه ... وللأسف لا أجيده وإن شاء الله سأتعلمه قريباً
[IMG]http://www.dannh.com/vb/images/smilies/85.gif[/IMG]

محبكم
البرق[/B]

[B][ALIGN=CENTER]
[IMG]http://sami876.jeeran.com/Visual/vs.gif[/IMG]

[COLOR=green]التعرف على شاشات الفيجول بيسيك:
بداية وقبل كل شيء لابد أن نتعرف على شاشات الفيجول، لكي تسهل عملية التعامل معها فيما بعد:
عندما نفتح الفيجول بيسك ستظهر شاشة التحيه للحظات ثم تختفى ليظهر مربع الحوار التالى وهو يتيح لك إنشاء مشروع جديد New،
أو فتح مشروع موجود Existing، أو فتح مشروع تم عمله قريباً Recent.
[IMG]http://www.al-ebda3.info/ib/imagesuploader/images/p1.jpg[/IMG]


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

لكن لدي البرنامج معرب وتظهر الصورة هكذا
[IMG]http://sami876.jeeran.com/Visual/6.gif[/IMG]

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

[IMG]http://www.al-ebda3.info/ib/imagesuploader/images/p2.jpg[/IMG]

والذي لديه البرنامج معرب يختار "تنفيذي قياسي" ثم اضغط موافق :
[IMG]http://sami876.jeeran.com/Visual/7.gif[/IMG]

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

[COLOR=darkblue]النموذج (الفورمة) Form:[/COLOR]
وهى مساحة العمل الأساسيه، أو الواجهة الأساسية لبرنامجك والذي ستظهر للمستخدم عند تشغيل البرنامج.
[IMG]http://sami876.jeeran.com/Visual/8.gif[/IMG]

[COLOR=darkblue]شريط أدوات التحكم Toolbox:[/COLOR]
ويحتوي هذا الشريط على الأدوات التي سنستخدمها في البرمجة، والأدوات هي عبارة عن الكائنات التي يمكن وضعها في النموذج والذي يتعامل المستخدم مع البرنامج من خلالها.
[IMG]http://sami876.jeeran.com/Visual/9.gif[/IMG]

[COLOR=darkblue]شاشة الخصائص Properties:[/COLOR]
[IMG]http://sami876.jeeran.com/Visual/10.gif[/IMG]

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

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



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

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

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

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

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

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

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

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

((الشرح منقول بتصرف))
محبكم
البرق[/ALIGN] [/B]

[QUOTE][i]الكاتب qtekmaster [/i] شكراً لك أخي الكريم موضوع شق وشرح وافي، جزاك الله خير. [/QUOTE]

[B]مين















ناااائب موقع الكفي

يا هلا والله شرفتنا والله يسلمك

أشكر لك مروووركـ[/B]

[QUOTE][i]الكاتب ALBARG [/i] [B]مين



ناااائب موقع الكفي

يا هلا والله شرفتنا والله يسلمك

أشكر لك مروووركـ[/B] [/QUOTE]

انت الي شرفتنا اخوي وبضع خبرتك في متناول الاخوان في المنتدى ;)

الله يسلمك وهذا من طيبك


[B][ALIGN=CENTER]

[IMG]http://sami876.jeeran.com/Visual/p1.gif[/IMG]

[COLOR=darkblue]نريد عمل برنامج يحتوي على زرين فقط [ترحيب - خروج]، وعندما يحدث الضغط Click على الزر الأول يقوم بكتابة (مرحباً) على النموذج،
وعندما نضغط على الزر الثاني يقوم بالخروج من البرنامج، وهذه هي المرحلة الأولى (التخطيط).[/COLOR]

ولندخل في المرحلة الثانية مباشرة (التصميم): لذلك قم باختيار الأداة (Command Button)
[IMG]http://sami876.jeeran.com/Visual/3.gif[/IMG] من نافذة الأدوات التي أشرنا إليها سابقاً،
وقم برسم زرين داخل النموذج، بحيث يبدو الشكل هكذا:

[IMG]http://sami876.jeeran.com/Visual/11.gif[/IMG]

بعد ذلك يلزمنا ضبط الخصائص الخاصة بكل أدوات البرنامج، لذلك قم بالنقر على أي نقطة في النموذج ثم اذهب إلى شاشة الخصائص
لضبط خصائص النموذج،
أولاً: وهي خاصية الـ Caption (عنوان النموذج) وسنغيرها إلى
"تطبيق الدرس الأول" .. شاهد الصورة:

[IMG]http://sami876.jeeran.com/Visual/13.gif[/IMG]

[IMG]http://sami876.jeeran.com/Visual/14.gif[/IMG]

[IMG]http://sami876.jeeran.com/Visual/15.gif[/IMG]



لننتقل الآن إلى الأداة Command1 وهي أداة الزر الأول، ولنقم بتغيير خصائصها كالتالي: الخاصية Caption (عنوان الزر)
غيرها إلى "ترحيب"
- الخاصية Font غيرها إلى خط Tahoma حجمه 14
- الخاصية Hight (الطول) إلى 700 - الخاصية Width إلى 1500.


ثم لنقم بتغيير خصائص الأداة Command2 كالتالي: الخاصية Caption (عنوان الزر) غيرها إلى "خروج"
- الخاصية Font غيرها إلى خط Tahoma حجمه 14
- الخاصية Hight (الطول) إلى 700 - الخاصية Width (العرض) إلى 1500.

هنا تظهر التغيرات السابقة:
[IMG]http://sami876.jeeran.com/Visual/16.gif[/IMG]


وانتبه لابد من تحديد الأداءة قبل تنفيذها.......

وبذلك نكون قد انتهينا من المرحلة الثانية وهي التصميم وبقيت المرحلة الأخيرة وهي: (كتابة الكود).
أولاً لإظهار شاشة الكود نضغط على الزر الأول مرتين (اللي هو "ترحيب")
ستظهر لك الشاشة التالية:

[IMG]http://sami876.jeeran.com/Visual/12.gif[/IMG]

كما ترى يوجد سطران مكتوبان، لا تهتم لهما كثيراً، كل ما يهمنا هو كتابة الكود وسط هذين السطرين، وإليك الكود:
"مرحباً" Print


الآن نفذ نفس الخطوات من جديد بالنسبة للزر الآخر Command2 والخاص بالخروج، وقم بكتابة هذا الكود في داخله:
End

ملحوظه مهمة:
لابد أن نكتب الكود بين السطرين

نضغط دبل كليك على زر ترحيب


Private Sub Command1_Click()
هنا يتم كتابة الكود
End Sub

نكتب بدل "هنا يتم كتابة الكود"
نكتب Print
ثم نضغط مسافه ونحول مؤشر الكتابة إلى العربي ونكتب
"مرحبا"

أو انسخي ما يلي وقومي بلصقه بين السطرين:
Print "مرحبا"

هذا الزر الأول ترحيب

الزر الثاني خروج نضع بين السطرين هالكود .. سهل جداً
end

فيصبح منظر الكود كاملاً هكذا:

Private Sub Command2_Click()
End
End Sub

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

[COLOR=darkblue]خلاصة الدرس السابق:
تعرفنا في الدرس السابق على برنامج الفيجول بيسيك بشكل عام، وعلى النوافذ التي يتضمنها، وتعرفنا أيضاً على المراحل التي تتم بها البرمجة،
وهي كما عرفنا ثلاث مراحل [تخطيط - تصميم - كتابة كود]، وقمنا بتطبيق هذه المراحل في عمل برنامج صغير ...
وكان هذا هو أهم ما تطرقنا إليه في الدرس السابق.[/COLOR]
[COLOR=deeppink]** ولحفظ البرنامج:
هناك طريقتان:
الأولى: أن نضغط ملف ثم نختار منه الإيقونه السادسة "حفظ المشروع بإسم" وفائدة هذا الحفظ أن تستطيع تعديل البرنامج لاحقاً
مثل الفوتوشوب يوم تجي تحفظه بصيغة pdf حتى تتمكن من تعديله..

الثانية: هي أن تقوم بحفظه بصيغة exe ... ولكن لا تستطيع تعديله لاحقاً ..
وذلك أن تذهب إلى ملف وتختار الخيار رقم 13

جربوا الطريقتين وأنصحكم أن تحفظوا بالطريقة الأولى ولا مانع من الثانية حتى تستطيعوا إدراجها هنا كتطبيق..


أرجو من الجميع إدراج تطبيقاااتهم ..

أي اقتراح رأي ملاحظه .. عندك وجهة نظر على الشرح أرجو ثم أرجو طرحها[/COLOR]

محبكم
البرق سامي[/ALIGN] [/B][/QUOTE]

اسمحلي احضر معكم الدورة اخي البرق سامي
ماشاء الله دروس رائعة ومنظمة

ياليت تذكر الموقع الذي نقلت منه من اجل حقوق الكاتب الاصلي وشكر

الف شكر اخوي وفعلا مجهووووووود تشكر عليه;)

[B]أهلاً أخي ce4arab
وحياك الله من جديد

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

لكن من الدرس الثالث كله أنا اللي شااارحه

وترى أنا "البرق سامي" لا يغرك اليوزر بتاع المنتدى والاسم اللي على الصور
شكراً[/B]

[B]scorbion

أشكر لك حظووورك ونتمنى للجميع المتعه والفائدة

محبكم
البرق[/B]

اقتراح ..

وهو شرح الـ Visual Basic.NET بدلاً من الإصدار السادس (القديم).

لا يهمك .. راح أساعدك في الإجابة (إذا أحببت ) عن استفسارات الأعضاء.


شكراً لك.;)

[B]أهلاً بك أخي ملك الشبكات

أنا أجهل Visual Basic.NET تماماً

وأنا أريد أن أتعلمه هل تستطيع تفيدني

شكراً لك[/B]

أبشر أخوي ..

لكن بصراحة ليس لدي الوقت الكافي لعمل دروس كاملة (بالصور مثلاً)..

لكن اسأل وأجيبك إن شاء الله تعالى ..

;) مرحباً بك في عالم الـ NET. ;)

شكراً لك.

أشكرك أخي ملك الشبكات

[SIZE=4][ALIGN=CENTER][COLOR=deeppink]

سنذكر الآن أهم الخصائص والتي نجدها في معظم الأدوات:

[COLOR=darkblue]خاصية الاسم
ويرمز إليها البرنامج بي Name:[/COLOR]
وهي خاصية تحدد اسماً رمزياً للاداة، ولا يمثل هذا الاسم أهمية بالنسبة للمستخدم، بل إنه لا يستطيع معرفته أصلاً، ولكنه يمثل أهمية كبيرة بالنسبة للمبرمج حيث أنه لا يستطيع التعامل مع الأداة إلا من خلال اسمها هذا، وسنستخدم هذا الاسم كثيراً ولكن في المرحلة الثالثة وهي مرحلة كتابة الكود.
وعندما نقوم برسم الأداة في النموذج فإنها تأخذ اسماً افتراضياً، على سبيل المثال عندما نقوم برسم أداة عنوان فإنها ستأخذ الاسم Lable1، وإذا رسمنا أداة عنوان أخرى فإنها ستأخذ الاسم Lable2، وكذلك الحال بالنسبة لباقي الأدوات، ومن الأفضل تغيير هذا الاسم الافتراضي باسم آخر بحيث يميز الأداة، مثلاً إذا كان لدينا ثلاث أزرار [نسخ] و [قص] و[لصق] فإنها ستأخذ الأسماء Commadn1، Command2، Command3، ويمكن مع تشعب البرنامج وضخامته أن تمثل هذه الأسماء مشكلة فنحن لا نعرف هل هذا الاسم خاص بزر النسخ أو اللصق أو القص ... وخروجاً من هذه المشاكل فإننا نقوم بتغيير أسمائها مثلاً: نسمي زر النسخ CmdCopy، وزر القص CmdCut، وزر اللصق CmdPaste، وفي هذه الأسماء استخدمنا الأحرف الثلاثة الأول Cmd للإشارة إلى أن هذه الأداة أداة زر ( اختصاراً لكلمة CommandButton ) ثم بعدها كتبنا كلمة تدل على وظيفة هذه الأداة ليسهل الرجوع إليها فيما بعد ... أخيراً: يشترط في هذا الاسم أن لا يكون رقما، وأن لا يكون أكثر من أربعين حرفا.


[COLOR=darkblue]خاصية العنوان
ويرمز إليها البرنامج بيCaption:[/COLOR]ونعني بهذه الخاصية العنوان الذي سيظهر للمستخدم فوق الأداة، وهذه الخاصية تختلف عن خاصية الاسم، حيث أن هذه الخاصية تهم المستخدم أكثر فهو يعرف بها وظيفة الأداة، ولكنها بالنسبة للمبرمج مجرد عنوان للأداة فقط، ولا دخل له بالنواحي البرمجية، بخلاف الاسم فهو الأهم بالنسبة للمبرمج.


[COLOR=darkblue]خاصية من اليمين إلى اليسار
ويرمز إليها البرنامج بي Right to Left:[/COLOR]ونجد هذه الخاصية أكثر في الأدوات التي تتعامل مع النصوص، وهي تحدد اتجاه الكتابة هل هو من اليسار إلى اليمين أومن اليمين إلى اليسار؟ وتكون القيمة الافترضية من اليسار إلى اليمين ويمكنك التغيير كما تشاء ... في هذا الصدد نذكر خاصية أخرى وهي خاصية المحاذاة Alignment وهي تقوم بمحاذاة النص داخل الأداة، والقيمة 0 تعني المحاذاة إلى اليسار، والقيمة 1 تعني المحاذاة إلى اليمين، والقيمة 2 تعني توسيط النص.


[COLOR=darkblue]خصائص خط الكتابة
ويرمز إليها البرنامج بي Font:[/COLOR]وفيها نحدد نوع الخط، وحجمه، وتخانته، وميله، وتسطيره.


[COLOR=darkblue]خصائص الألوان:[/COLOR]
خاصية لون الخلفية BackColor وتحدد لون الخلفية للأداة ...
خاصية لون الخط ForeColor وتحدد لون الخط ...


[COLOR=darkblue]خاصية شكل المؤشر
ويرمز إليها البرنامج بي MousePointer:[/COLOR]كما تعرف فإن مؤشر الماوس عادة ما يأخذ رمز السهم المتجه إلى أعلى اليسار، ويتيح لك الفيجول بيسيك تغيير شكل المؤشر من هذا الشكل التقليدي إلى أي شكل آخر ترغب فيه وذلك من خلال هذه الخاصية ... فبعد تغييرها تجد أن مؤشر الماوس يتغير عند مرورك على الأداة التي غيرت فيها هذه الخاصية.


[COLOR=darkblue]خاصية التمكين
ويرمز إليها البرنامج بي Enabled:[/COLOR]وهي خاصية تحدد ما إذا كان المستخدم يستطيع استخدام الأداة أو لا، فإذا كانت تساوي True فهذا يعني أن المستخدم يمكنه التعامل مع الأداة، وإذا كانت تساوي False فإن الأداة تظهر باهتة اللون، ولن يتمكن المستخدم من التعامل معها ... وسيتضح ذلك أكثر بالتجربة ... جرب ان تدرج أداتي زر، واجعل خاصية الـ Enabled لأحدهما True، وللأخرى False، ثم اضغط على F5 وانظر الفرق ...


[COLOR=darkblue]خاصية الظهور
ويرمز إليها البرنامج بي Visible:[/COLOR]
وهي خاصية تتحكم في ظهور الأداة أو إخفائها، فإذا كانت تساوي True فهذا يعني أن الأداة ستظهر وقت تنفيذ البرنامج، وإذا كانت تساوي False فهذا يعني أنها لن تظهر.


[COLOR=darkblue]خصائص الحجم[/COLOR]
ويرمز إليها البرنامج بي Hight, Width:
ومن خلالهما نحدد طول الأداة وعرضها.


[COLOR=darkblue]خصائص الموقع[/COLOR]
ويرمز إليها البرنامج بي Top, Left:
ومن خلالهما نحدد موقع الأداة رأسياً وأفقياً.


[COLOR=darkblue]خاصية التلميح[/COLOR]
ويرمز إليها البرنامج بي ToolTipText:
ونكتب في هذه الخاصية النص الذي نريده أن يظهر كتلميح عند تثبيت الماوس على أداة ما.


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


+ لا يمكنك فهم هذه الخصائص فهماً جيداً بدون التجربة، لذلك قم بتجربتها كلها لكي ترسخ المعلومة في ذهنك.
.......[/COLOR][/ALIGN][/SIZE]

آسف أخي ALBARG ..
أود أن أقدم شيئاً عن هذه اللغة .. لكن طبيعة عملي .. قد تفرض علي عدم الإستمرار في الشرح أو التوقف لفترة طويلة ..

عموماً.. أنا حاضر بأي استفسار .. وإن شاء الله أشوف حل لعمل دروس أو تلميحات سريعة عن هذه اللغة الرائعة والتقنية الأكثر من روعة!

ربما أقوم بشيء مثل هذا في المستقبل القريب .. لكن مع عدم ضمان الاستمرارية.

شكراً لك.

الله يكتب اللي فيه الخير أخي ملك الشبكات

ومشكور يا رااائع

[COLOR=darkblue][ALIGN=CENTER]في البداية تمنيت أن أجد تطبيقاتكم على الدرس الثالث.. لكن مو مشكله
أكيد ظروف .. لكن أخشى أن لا يكون الشرح مناسب أو غير مفهوم؟
قبل نبداء في الدرس الخامس نقول لكم المتعة ستبداء من الدرس السادس .. فقط اجعل الدروس عندكم في الأرشيف للرجوع إليها وقت الحاجة

الدرس الخامس

+++ الخصائص السابقة في الدرس الرابع هي خصائص مشتركة، أي أن معظم الأدوات تشترك فيها، ولكن مما لا شك فيه
أن كل أداة تنفرد عن الأخرى في بعض الخصائص، وسنأخذ الآن بعض هذه الأدوات كالتالي:

1. أداة النموذج Form:
أهم أدوات البرمجة، وهي واجهة البرنامج والتي نضع في داخلها باقي الأدوات الأخرى، وفي الغالب الأعم لابد أن يحتوي البرنامج على واجهة واحدة على الأقل:

[IMG]http://sami876.jeeran.com/Visual/8.gif[/IMG]

خاصية أيقونات التحكم [img]http://www.al-ebda3.info/ib/imagesuploader/images/EX25.jpg[/img]
وهي خاصية تتحكم في ظهور أيقونات التحكم في أعلى النموذج وهي :
1ــ الإغلاق
2ــ التكبير ويرمز لها البرنامج MAXButton
3ــ التصغير ويرمز لها البرنامج MinButton
4ــ الرمز (إيقونة البرنامج) ويرمز لها البرنامج Icon

ــــــــــــــــــــــــــــــــــــــــــ
خاصية موضع النموذج عند التشغيل StartUpPosition:
ويمكن من خلال هذه الخاصية تحديد موقع النموذج عند بدء تشغيل البرنامج.

خاصية حالة الواجهة WindowState:
وتحدد هذه الخاصية شكل الواجهة عند بدء تشغيل البرنامج وهل تظهر في في الحجم العادي Normal Size، أو تظهر في أكبر حجم Maximized، أو في أصغر حجم Minimized.
=============================
2. أداة الزر CommandButton:
أداة معروفة، وتُستخدم بكثرة، وهي أداة الزر [IMG]http://sami876.jeeran.com/Visual/3.jpg[/IMG] وأهم خصائصها:

خاصية الشكل Style:
ويمكن الاختيار ما بين قياسي Standerd وهو الشكل واللون الطبيعي للأزرار، أو رسومي Graphical وعند اختياره يمكنك التغيير في لون الزر كيفما تشاء.

خاصية الافتراضي Default:
وتحدد الزر الافتراضي الذي يقع عليه التركيز عندما لا يكون التركيز على أي أداة أخرى.

خاصية الخروج Cancel:
وعندما تكون قيمة هذه الخاصية True فهذا يعني أننا لو ضغطنا على زر الخروج Esc من لوحة المفاتيح فكأننا نقرنا على هذا الزر بالماوس.
=============================
3. أداة العنوان Lable:
[img]http://members.lycos.co.uk/albrgvip/php/pic/ddrr.gif[/img]
وهي أداة تستخدم لكتابة النصوص على الشاشة ويرمز لها البرنامج بي ( A )
، وأهم خصائصها:

خاصية الحجم التلقائي AutoSize:
وتقوم بتحديد حجم الأداة على قدر الكلام الموجود بها فقط.
=============================
4. أداة مربع النص TextBox:
وهي أداة تسمح للمستخدم بكتابة نص بداخلها ، وأهم خصائصها:
[IMG]http://sami876.jeeran.com/Visual/4.gif[/IMG]
خاصية القفل Locked:
وعندما تكون True فإنها لا تسمح للمستخدم بكتابة أي نصوص داخل هذه الأداة.


خاصية طول النص MaxLength:
ونحدد بواسطتها عدد الحروف التي يمكن كتابتها داخل الأداة.


خاصية تعدد الأسطر MultiLine:
وتحدد إمكانية تعدد الأسطر داخل الأداة من عدمه.


خاصية التشفير PasswordChar:
لجعل النص المدخل مشفراً مثل كلمات السر.


خاصية النص Text:
وتحتوي هذه الخاصية على النص الموجود داخل الأداة.
=============================
5. أداة الصورة Picture Control:
[IMG]http://sami876.jeeran.com/Visual/5.gif[/IMG]
أداة يمكن من خلالها عرض صورة ، وأهم خصائصها:

خاصية الصورة Picture:
وفيها نختار ملف الصورة الذي نريد عرضه في الأداة.

=============================

تقريباً انتهينا من النظري وأنا لم أعطكم إلا القليل وهو انطباع عام عن البرنامج..

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


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

ما رأيكم ما ملاحظاتكم .. هل تقترحون شيء .. هل تريدون أن نتوقف !!؟؟!!؟؟

هنا شرح الدرس الخامس في ملف واحد
[url=http://forum. .net/uploadjss/14096_dvb5.rar]حمل .. محبكم البرق[/url]

محبكم في الله
البرق[/ALIGN][/COLOR]

[ALIGN=CENTER]السلام عليكم

نشرح اليوم طريقة حفظ عملنا

في البداية نفتح برنامج الفيجوال بيسكـ ونتابع الشرح

[img]http://members.lycos.co.uk/albrgvip/php/pic/sav.gif[/img]

[img]http://members.lycos.co.uk/albrgvip/php/pic/sav1.gif[/img]

[img]http://members.lycos.co.uk/albrgvip/php/pic/sav2.gif[/img]

[img]http://members.lycos.co.uk/albrgvip/php/pic/sav3.gif[/img]

وهنا مثال على الحفظ بهذه الطريقة
[URL=http://forum. .net/uploadjss/14096_1sami.rar][IMG]http://members.lycos.co.uk/albrgvip/php/pic/angr.gif[/IMG][/URL]

[img]http://members.lycos.co.uk/albrgvip/php/pic/sav4.gif[/img]

وهنا مثال على الحفظ بهذه الطريقة
[URL=http://forum. .net/uploadjss/14096_2sami.rar][IMG]http://members.lycos.co.uk/albrgvip/php/pic/angr.gif[/IMG][/URL][/ALIGN]

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

جهزت لكم درس لذيذ يبي له جهد وهو طويل وسيفيدكم في تعلم الدروس القادمة بسهولة
واللى يطبق الدرس بيفهم يعنى ايه لذيذ
الدرس عباره عن صنع برنامج مبرمج بلغه الفجوال بيسك
[color=DarkBlue]"برنامج لجمع رقمين"[/color]

في البداية نصمم الواجهة للبرنامج على ذوقكـ

عندما تريد تصميم أي برنامج ما فإنا أول ما نقوم به هو [color=DarkBlue]"تصميم الواجهة"[/color] وهو سهل جداً جداً
ويعتمد تصميم الواجهة على الفكرة التي تريدها في برنامجك

[color=Black]سنقوم بتغيير الخصائص التالية:[/color]
[color=DarkGreen]1ــ تغيير اسم البرنامج.
2ــ تحويله من اليمين إلى اليسار.
3ــ تغيير صورة الإيقونة.
4ــ تغيير لون واجهة التصميم
5ــ عمل زر خروج
6ــ إلغاء زر الخروج والتكبير والتصغير[/color]

نكتب اسم البرنامج في Caption وهو
برنامج جمع رقمين .. كما بالصورة
[img]http://alnooor2000.jeeran.com/vb/1.gif[/img]

طبعاً بعد مسح Form1

2ــ الآن نريد تحويل اسم البرنامج "برنامج جمع رقمين" من اليسار إلى اليمين .. ويوجد خاصية لذلك .. وقد شرحناها في الدرس الثالث

3ــ نستطيع أن نقوم بتغيير صورة الإيقونة كما تشاهد:
[img]http://alnooor2000.jeeran.com/vb/2.gif[/img]

كما شاهدت سابقاً .. فلقد اخترت ايقونة لبرنامجي وقد حولت الاسم من اليسار إلى اليمين .. ألا تلاحظ؟؟!!؟؟
[img]http://alnooor2000.jeeran.com/vb/3.gif[/img]

4ــ نغيير لون واجهة التصميم كما تشاهد
[img]http://alnooor2000.jeeran.com/vb/4.gif[/img]

لازلنا في تصميم الواجهة وترجع لذوق المصمم..

5ــ الأن سنضع زر للخروج كما تشاهد في الصورة
[img]http://alnooor2000.jeeran.com/vb/5.gif[/img]

طبعاً تغيير مسمى الزر إلى "خروج" تعلمناه في الدروس السابقه ... من نسي كيف ذلك فالجواب في الدرس الثالث

6ــ الآن سنلغي عمل الخروج والتكبير والتصغير .. لنجبر المستخدم على الخروج من نفس البرنامج أي من الإيقونة التي صممناها
طبعاً عندما نريد أن نعمل أي خاصيه فلابد من تحديد الأداة أولاً ثم تغيير الخصائص كما نريد .. الآن نريد إبطال مفعول زر التكبير والتصغير والخروج هذه الظاهرة في الصورة
[img]http://alnooor2000.jeeran.com/vb/6.gif[/img]

نضغط ضغطة واحدة في وسط المشروع ومن ثم نذهب إلى controlbox من الخصائص التي توجد في يمين البرنامج ونعدلها من true إلى false كما تشاهد في الصورة:
[img]http://alnooor2000.jeeran.com/vb/7.gif[/img]

ثم يظهر البرنامج هكذا :
[img]http://alnooor2000.jeeran.com/vb/8.gif[/img]

ونبداء بكتابة البسملة فوق كما تشاهد بإستعمال هذه الأداة
[img]http://members.lycos.co.uk/albrgvip/php/pic/ddrr.gif[/img]

[img]http://alnooor2000.jeeran.com/vb/9.gif[/img]

ونغير بعض الإعدادات حتى يكون مظهر البرنامج لائق وجذاب فيظهر لنا البرنامج هكذا:
[img]http://alnooor2000.jeeran.com/vb/10.gif[/img]

ثم نستعمل نفس الأداة التي استعملناها في كتابة البسملة ونكتب العدد الأول , ونضع أمامه مربع نص "تيكست" هذه صورة توضح الأداة التي سنرسم بها "مربع التيكست" [IMG]http://sami876.jeeran.com/Visual/4.gif[/IMG]
وكذلك نستعمل نفس الأداة التي استعملناها في كتابة العدد الأول ونكتب العدد الثاني ونضع أمامه مربع نص أيضاً "تيكست" كما تشاهد:
[img]http://alnooor2000.jeeran.com/vb/11.gif[/img]

طبعاً نغير لون خلفية "العدد الأول" و "العدد الثاني" مثل لون الخلفيه كما في البسملة
وكذلك نقوم بمسح text1 و text2 وذلك بعد الضغط على الأداة التي نريد تعديلها .. كما تشاهد في الصورة:
[img]http://alnooor2000.jeeran.com/vb/12.gif[/img]

الآن لم يبقى لنا إلا خطوات قليلة وسهله نوعاً ما ....

نتابع ..
الآن أوجدنا مكان لإدخال العدد الأول وأوجدنا مكان لإدخال العدد الثاني
نريد حساب العددين

إذاً سنضع أداة CommandButton الظاهرة في هذه الصورة [IMG]http://sami876.jeeran.com/Visual/3.gif[/IMG] ووظيفتها عندما نضغط عليها تجمع لنا العدد الأول والثاني ... ويضع لنا الناتج في text3 الذي سنرسمه ... انظر الصورة التالية وتظهر لنا زر الجمع و
text3 :
[img]http://alnooor2000.jeeran.com/vb/13.gif[/img]

[img]http://alnooor2000.jeeran.com/vb/14.gif[/img]

الآن مرحلة كتابة الكود اتبع الصورة:
[img]http://alnooor2000.jeeran.com/vb/15.gif[/img]

الآن ضغطنا ضغطتين وظهرت لنا شاشة الكود كما ترى:
[img]http://ayaam.com/upload/13/15.gif[/img]

فكرة الكود:
يجب أن نعرف ماذا سنفعل بالكود ... فكرة الكود في برنامجنا هذا سهله وهي أن الكود سيقوم بجمع الأرقام الموجودة في الخانة الأولى والأرقام الموجودة في الخانة الثانية ويظهر لنا ناتج المجموع في الخانة الثالثة انظر معي إلى البرنامج:
الخانة الأولى اسمها text1
الخانة الأولى اسمها text2
الخانة الأولى اسمها text3

يعني هالكود سيصبح هكذا:
text3=text1+text2
بس .. في أسهل من كذا بس في شيء بسيط بنزوده بعد text .

الآن نضغط ضغطتين على زر "اجمع" ونكتب الكود بداخله كما تشاهد:
[img]http://aaawaaa.jeeran.com/17.gif[/img]

سيصبح الكود هكذا:
[img]http://aaawaaa.jeeran.com/18.gif[/img]

الأن شاهد هذه الصورة لتفهم الكود السابق:
[img]http://aaawaaa.jeeran.com/19.gif[/img]

الآن نريد أن نكتب كود زر "خروج" والكود بتاعه كلمة واحدة هي end فقط ... انظر الصورة:
[img]http://aaawaaa.jeeran.com/22.gif[/img]

بعد ذلك نجرب البرنامج كما تشاهد في الصور:
[img]http://aaawaaa.jeeran.com/20.gif[/img]

[img]http://aaawaaa.jeeran.com/21.gif[/img]

وبقي عليكم أن تحفظوا البرنامج كما تعلمنا في الدرس السااابق
ومن ثم رفعه إلى الأنترنت وجلبه إلى هنا لنقيم البرنامج
ونرى من سيحصل على المركز الأول.


وهنا الشرح في ملف واحد
[URL=http://forum. .net/uploadjss/14096_seven7.rar][IMG]http://members.lycos.co.uk/albrgvip/php/pic/angr.gif[/IMG][/URL]

وصلى الله وسلم على نبينا محمد .