الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!!

اذهب الى الأسفل

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Empty الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!!

مُساهمة من طرف أحمد مناع في الإثنين ديسمبر 19, 2011 8:57 am

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



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


أولا :أنشاء القوائم Menu



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



الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image001


ولكى تنشىء قائمة مثل تلك القائمة يجب عليك أتباع الخطوات التالية :



الخطوة الاولى : الحصول على اداة القوائم Menu Editor ....هناك عدة طرق للحصول على هذه الاداة الهامة منها :
1_ من شريط الادوات بالضغط على ايقونة الاداة Menu Editor ...كما فى الصورة التالية :




الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image003




2_ من قائمة Tools ومنها Menu Editor ....كما فى الشكل التالى :


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image004



3_الضغط على الزر الايمن للفارة على النافذة فى اى مكان تظهر قائمة مختصرة نختار منها Menu Editor ...كما فى الشكل التالى :


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 37125



على كل حال بأى من الطرق الثلاثة السابقة تظهر لك أداة Menu Editor ......كما فى الشكل التالى :



الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 876060284





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



1 - العنوان Caption


تحدد هذه الخاصية أسم القائمة الذى سيظهر للمستخدم مثل ملف - تحرير - ادوات ويمكن تحديد مفتاح الوصول للقائمة وذلك بوضع علامة & قبل الحرف الذى تريده ان يكون مفتاح وصول مثال : لجعل حرف F هو الحرف النشط فى File نكتب التالى file& كما فى الشكل التالى :


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image006



حيث تظهر قائمة File واسفل حرف F خط صغير اثناء التشغيل دليل على انه هو حرف الوصول وذلك بالضغط على مفتاحى Alt+F يتم فتح قائمة File
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38456
2 - الاسم Name

تستخدم هذه الخاصية للاشارة الى اسم القائمة فى نافذة التعليمات البرمجية أنظر للصورة السابقة جعلنا الخاصية Name للعنصر file تساوى mnufile و هذا هو الاسم الذى سيتخدم عند كتابة الكود و لابد أن يكون بالانجليزية
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38456
3 - خانة ادخال الفهرس Index

تستخدم اذا كنت تريد عمل مصفوفة من الاوامر فمثلا يمكنك ان تجعل جميع الاوامر تحت قائمة معينة تحمل نفس الاسم وتميز بينها برقم مثل المصفوفة العادية
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38456
4 - خانة مفتاح الاختزال ShortCut

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


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image008

فى الصورة السابقة أخترت ctrl+N للعنصر New ومعنى ذلك أن المستخدم لو ضغط على مفاحيين ctrl+N فيتم فتح القائمة نيو ...وهذا هو المقصود من مفتاح الاختزال
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38456
5 - الرمز فى ملف التعليمات HelpContex(H)
0
حيث اذا كنت ستصمم ملف للتعليمات ليستخدم مع برامجك يمكنك وضع رمز للامر الحالى حيث اذا ضغط المستخدم على F1 يتم فتح نافذة التعليمات الخاصة بهذا الامر
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38456
6 - خانة العلامة Checked

وتعنى هل الامر سيظهر فى القائمة وامامه علامة صح ام لا والافتراضى بدون علامة



بعد ما عرفنا كيف يتم أستدعاءالاداة Menu Editor و عرفنا أهم خصائصا نأتى لثانى خطوة

الخطوة الثانية : أنشاء القائمة

1_ كتابة أسم القائمة .....مثال أنشاء قائمة File ويتم ذلك عن طريق كتابة أسم القائمة من خلال الخاصية Caption ...كما فى الصورة التالية :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image006

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

2_ أضافة العناصر للقائمة ...وذلك من خلال ألنقر فوق الزر الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 37127 لاضافة عنصر تحت تلك القائمة ...فمثلا نريد وضع العناصر فى القائمة File يتم ذلك على النحو التالى :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image007


فتظر لنا عدد 4 نقاط قبل كتابة أسم العنصر كما فى الصورة السابق ....بعد ذلك نقوم بكتابة أسم العنصر و ضبط خائصه كما فى الشكل التالى :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image008

و ايضا أذا أردنا أن نضيف عنصر ثانى ...كما فى الشكل التالى :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image009

أما أذا أردت أن تضع خط فاصل بين كل مجموعة عناصر كما فى الصورة التالية :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image020

لاحظ أنه يوجد خط فاصل بين كل من new ,open وبين المجموعة الاخرى save ,save as فأذا أردت أن تفعل ذلك فعليك أن تضع شرطة فى الخاصية Caption كما فى الصور التالية .

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image010

ثم بعد ذلك تنقر على السهم لوضع العناصر الاخرى .....كما فى الصورة التالية :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image011

3_ أنشاء قائمة جديدة ...لاضافة قائمة جديدة اضغط على زر الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 37128 ...نرجع لمثالنا السابق نريد أن نضيف قائمة أخرى أسمها Help ...يتم ذلك عن طريق الضغط على زر السهم السابق و ذلك لمسح عدد 4 نقاط التى قمنا بكتبتها سابقا ...أنرظ الصورة التالية :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image017


بعد ذلك نضيف القائمة عادى ....أنظر الشكل التالى :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image018

بعد ذلك نضيف عناصر تلك القائمة بألنقر فوق الزر الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 37127 لكى نكتب عدد 4 نقاط ثانى و نضيف عناصر القائمة وليكن about كما فى الشكل التالى :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image019

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

الكود:

Private Sub mnuAbout_Click()
 
End Sub

 

لاحظ فى صفحة الكود أن الاسم البرمجى للعنصر about هو نفس الاسم الذى قد كتبناه فى الخاصية Name لهذا العنصر _راجع الصورة السابقة_ وهو mnuAbout ....الان جاء دورك لكتابة الكود المراد تنفيذة عندما يضغط المستخدم العنصر about وهو أظهار رسالة للمستخدم ...ويكون على النحو التالى :
الكود:
 
Private Sub mnuAbout_Click()
MsgBox "تم تنفيذ الامر"
End Sub
 

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

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38050

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 38051


Arrow تعابع الجزء الثانى من هذا الدرس ..أنشاء شريط الادوات Toolbar Arrow

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 949
النقاط : 201714
التقيم : 113
الدولة : مصر
الجنس : ذكر

http://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Empty رد: الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!!

مُساهمة من طرف أحمد مناع في الإثنين ديسمبر 26, 2011 2:32 pm

ثانيا :أنشاء شريط الادوات Toolbar



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



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


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image001



هذه صورة توضح لك شريط الادوات بين الشكل البيضاوى الاحمر وهو يحتوى على أمر الحفظ و الطباعة و الفتح ....الخ



كيف يمكنك أنشاء شريط أدوات فى مشروعك ؟...الامر بيسط جدا أخى الكريم كل ما عليك فعله هو أن تتبع الخطوات الاتية :



الخطوة الاولى : أستدعاء الاداة Microsoft Windows Common Controls ويتم ذلك أما عن طريق الوقوف على شريط الادوات القياسى ثم الضغط كليك شمال ثم نختار الامرComponents أو عن طريق القائمة Project ثم نختار الامر Components ...كما فى الصورة التالية :


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image003



فى كلتا الحالتين سوف يظهر لك المربع الحوارى التالى أختر منه Windows Common Controls 6.0 (SP6) ثم أضغط Ok كما فى الصورة التالية :


الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image004

لاحظ يا أخى أن هناك أصدارات مختلفة من الاداة Windows Common Controls أختر منها أخر أصدار عندك وهو رقم 6 كما فى الصورة السابقة ..
طبعا بعد أختيارك للاداة ستجد أنه قد تم أضافة عدد 9 أدوات على شريط الادوات القياسى وهم TreeView, ListView, Slider, StatusBar, ProgressBar, TabStrip, ImageCombo بالاضافة الى أداة ImageList و أداة Toolbar و التى سوف يتم أستخدامهم فى هذا الدرس أما باقى الادوات سوف يتم التحدث عنهم فى دروس قادمة ......أنظر الى الصورة التالية :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image005
الخطوة الثانية :وضع الاداة ImageList للفورم ويتم ذلك أما بالضغط عليها دبل كليك أو سحبها بالماوس الى الفورم كما تعودنا لجميع الادوات .....وسوف تظهر بالشكل التالى على الفورم أو النموذج ....
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image006

ولاحظ أن هذه الاداة لا يتم عرضها أثناء التشغيل ....قف بالماوس على هذه الاداة ثم كليك شمال و أختر الامر Properties فيتم فتح مربع الخصائص لهذه الاداة كما فى الشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image007
فى هذا التبويب General يتم من خلالة ضبط حجم الايقونات التى سوف تظهر فى شريط أدوات مشروعك حدد الحجم الامثل لايقوناتك ثم بعد ذلك أضغط التبويب Images ...كما فى الشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image008
ومن هذا التبويب تستطيع أدراج الايقونات عن طريق زر Insert Picture فعند الضغط عليك يظهر لك مربع حوارى لاختيار الايقونات من على جهازك .....كما يلى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image009
بعد أختيارك لاول أيقونة أنظر للصورة التالية :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image010
فى الشكل السابق قمنا بأختيار أيقونة للامر "جديد"و الذى سوف يظهر فى شريط الادوات ...أهم شىء يجب ملاحظة هو أننا وضعنا فى خانة key كملة مفتاحية للصورة وهى كملة New و ذلك لتستطيع أن تتعامل مع هذا الزر فى صفحة كتابة الكود و يجب أيضا فعل ذلك مع كل ايقونة تضعها ......أنظر للشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image011
الخطوة الثالثة :أضافة الاداة toolbar للمشروع بالضغط عليه دبل كليك ....وهو يظهر فى الفورم كما فى الشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image012
قف بالماوس على أداة شريط الادوات ثم كليك شمال و أختر الامر properties فيظهر لك مربع حوارى به خصائص تلك الاداة كما فى الشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image013
فى هذا التويب General قف عن الخاصية ImageList وذلك لكى نختار أسم قائمة الصور .....وطبعا بالنسبة لقائمة الصورة التى وضعنها هى ImageList 1 أذن قم بأختايرها ...وتوجد أيضا خاصية الاستايل لشريط الاداوت Flat أو Standard أوأختر ما يناسبك كما فى الشكلين الاتيين :

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image015 ,الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image014
بعد ذلك أختر التويب Button وذلك لاضافة عدد 5 زر أمر وهى تمثل عدد الايقونات الموجودة فى ImageList .....فيظهر لك الشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Image016
ولكى تستطيع أضافة زر أمر فى شريط الادوات ما عليك سوى الضغط على زر Insert Button فى نافذة الخصائص السابقة وطبعا فى مثالنا هذا نريد عدد 5 زر والتى تمثل الايقونات و بالتالى سنقوم بالضغط 5 مرات على زر Insert Button ....أهم شىء يجب ملاحظته هو مربع النص Image لان من خلال هذا المربع سوف تحدد مفتاح الصورة التى تريد و ضعها على هذا الزر....كما فى الصورة التالية :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 497705578
و لاحظ أننا كتبنا كلمة "new"و هى المفتاح التى قد كتبناه فى قائمة الصورة السابقة و يمكنك الاستغاء عن key و التعويض عنه برقم الصورة فى الفهرس.....ففى مثالنا هذا نجد أن رقم الصورة هو (1)و بالتالى يمكنك وضع 1 فى مربع النص Image....كما فى الشكل التالى :
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 772463044
الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! 856745229

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 949
النقاط : 201714
التقيم : 113
الدولة : مصر
الجنس : ذكر

http://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Empty رد: الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!!

مُساهمة من طرف م/موسي في الثلاثاء ديسمبر 27, 2011 8:35 am

و الله مبدع يا أستاذ أحمد ....شكر لك وبارك الله فيك
م/موسي
م/موسي
الاشراف
الاشراف

تاريخ التسجيل : 18/02/2011
المساهمات : 171
النقاط : 330
التقيم : 11
الدولة : تونس
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Empty رد: الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!!

مُساهمة من طرف salamfaraj2002 في الخميس أغسطس 13, 2015 10:05 pm

مجهود عظيم كلمة شكر لا تكفي
معك اكملته بنجاح 
هل يمكن الحصول على رموز الايقونات ليتم تحميلها في البرنامج
شكرا
salamfaraj2002
salamfaraj2002
....
....

تاريخ التسجيل : 18/04/2015
المساهمات : 57
النقاط : 75
التقيم : 0
الدولة : ليبيا
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!! Empty رد: الدرس السادس عشر ...أنشاء القوائم menu, و أشرطة الادوات Toolbar !!!

مُساهمة من طرف إبراهيم خشافه في الإثنين نوفمبر 27, 2017 10:07 pm

ممكن رموز جميع الأيقونات
إبراهيم خشافه
إبراهيم خشافه
.
.

تاريخ التسجيل : 15/09/2017
المساهمات : 2
النقاط : 4
التقيم : 0
الدولة : اليمن
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

ََ

مواضيع ذات صلة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى