عبدالحميدحبيب
New member
عذراً للتأخير
تعرفت على محرر الأكواد وكيفية الانتقال بين شاشة التصميم ومحرر الاكواد
وكذلك كتابة الكود ...
الخطوة التالية ننتقل إلى تصميم واجهة البرمج ..
انقر بالزر الأيمن للماوس على اسم المشروع ( MyFirstPrg ) في مستشكف المشروع ( Solution Exlorer )
تعرفت على محرر الأكواد وكيفية الانتقال بين شاشة التصميم ومحرر الاكواد
وكذلك كتابة الكود ...
الخطوة التالية ننتقل إلى تصميم واجهة البرمج ..
انقر بالزر الأيمن للماوس على اسم المشروع ( MyFirstPrg ) في مستشكف المشروع ( Solution Exlorer )
انقر على New Item من قائمة Add.. :
- اختر القالب (MDI Parent Form ) ، ثم انقر Add
هذا النوع من النماذج يسمى ( النموذج الأب MDI Parent Form ) أو ( النموذج الرئيسي ) لأنه يعمل كحاوي للنماذج الأخرى التي تظهر على سطح البرنامج كما سترى إن شاء الله ....
تلاحظ أنه تم إضافة ثلاث أدوات على النموذج هي : شريط القوائم ، وشريط الأدوات ، وشريط الحالة .
الآن سنقوم لتغير اتجاه النموذج إلى اليمين وذلك بتغير الخاصية RightToLeft للنموذج إلى Yes ، لاحظ
الآن سنقوم لتغير اتجاه النموذج إلى اليمين وذلك بتغير الخاصية RightToLeft للنموذج إلى Yes ، لاحظ
تم تغيير موضع عنوان النموذج إلى اليمين ، وكذلك اتجاه الأشرطة ، فأصبحت تتجه من يمين إلى اليسار .
الخطوة التالية ، نغير مسمى القوائم
انقر نقراً خفيفاً على اسم القائمة File وسمه ( ملف ) ، وكذلك انقر نقراً خفيفاً على القائم ( Edit ) وسمه ( تحرير )
هذه بعض المهارات البسيطة التي تتعلمها ، ومن ثم تتدرب عليها ، إلى أن تصبح سهلة عليك ..
وبنفس الطريقة السابقة نستطيع تغير عنوان القائمة الفرعية New المتفرعة من قائمة ( ملف )
[media]http://www.vbfun.qsh.eu/images2/4_2_5.avi[/media]الخطوة التالية ، نغير مسمى القوائم
انقر نقراً خفيفاً على اسم القائمة File وسمه ( ملف ) ، وكذلك انقر نقراً خفيفاً على القائم ( Edit ) وسمه ( تحرير )
هذه بعض المهارات البسيطة التي تتعلمها ، ومن ثم تتدرب عليها ، إلى أن تصبح سهلة عليك ..
وبنفس الطريقة السابقة نستطيع تغير عنوان القائمة الفرعية New المتفرعة من قائمة ( ملف )
وهناك طريقة أخرى نذكر لتسهيل عملية التعديل ...
انقر على شريط القوائم بعيدة على أزرار القوائم ، يظهر مثلث صغير في الجهة اليمنى ، انقر عليه ، تظهر نافذة عائمة ، في أسفل النافذة تجد الأمر ( Edit Items تعديل القوائم ) انقر عليه ..
انقر على شريط القوائم بعيدة على أزرار القوائم ، يظهر مثلث صغير في الجهة اليمنى ، انقر عليه ، تظهر نافذة عائمة ، في أسفل النافذة تجد الأمر ( Edit Items تعديل القوائم ) انقر عليه ..
تظهر الشاشة التالية ، لتغيير عنوان القائمة أو اسم القائمة أو حذف القائمة :
انقر على القائمة ثم اذهب إلى الخاصية Text لتغيير عنوان القائمة أو الخاصية Name لتغيير اسم القائمة
لإضافة قوائم فرعية إلى القوائم الرئيسية
انقر على أية قائمة رئيسية ولتكن OpenToopStripMenuItems ، ثم إبحث عن الخاصية DropDownItems انقر الزر الصغير الذي أمام الخاصية ( ... ) لتظهر لك نافة أخرى ، تمكنك من إضافة قوائم فرعية
لإضافة قوائم فرعية إلى القوائم الرئيسية
انقر على أية قائمة رئيسية ولتكن OpenToopStripMenuItems ، ثم إبحث عن الخاصية DropDownItems انقر الزر الصغير الذي أمام الخاصية ( ... ) لتظهر لك نافة أخرى ، تمكنك من إضافة قوائم فرعية
انقر على أية قائمة رئيسية ولتكن FileMenu ، ثم ابحث عن الخاصية DropDownItems انقر الزر الصغير الذي أمام الخاصية ( ... ) لتظهر لك نافذة أخرى ، تمكنك من إضافة قوائم فرعية
في الجهة اليسرى قائمة بأسماء القوائم الفرعية ، وفي الجهة اليمنى خصائص القائمة التي تختارها ..
وعلى العموم ، سنقوم في خطوة لاحقة ، إضافة شريط القوائم خطوة وخطوة ...
وبنفس الطريقة السابقة يمكنك إضافة الأدوات على شريط الأدوات ، وكذلك مع شريط الحالة .
--- وعلى العموم ، سنقوم في خطوة لاحقة ، إضافة شريط القوائم خطوة وخطوة ...
وبنفس الطريقة السابقة يمكنك إضافة الأدوات على شريط الأدوات ، وكذلك مع شريط الحالة .
حذف النموذج MDIParent Form
إذهب إلى Solution Explorer انقر على النموذج السابق بالزر الأيمن ، ومن النافذة العائمة التي تظهر اختر Delete ثم موافق ...
هل عرفت الآن كيفية حذف أي نموذج لا تريده في مشروعك ؟
إنشاء نموذج رئيسي ( MDI Parent ) خطوة خطوة من الصفر ...
اختر Add Windows From من قائمة Project ، تظهر اللوحة التالية :
إذهب إلى Solution Explorer انقر على النموذج السابق بالزر الأيمن ، ومن النافذة العائمة التي تظهر اختر Delete ثم موافق ...
هل عرفت الآن كيفية حذف أي نموذج لا تريده في مشروعك ؟
إنشاء نموذج رئيسي ( MDI Parent ) خطوة خطوة من الصفر ...
اختر Add Windows From من قائمة Project ، تظهر اللوحة التالية :
هل رأيت هذه اللوحة من قبل ؟ حاول أن تتذكر ....
إذهب إلى الخاصية Text و Name ( أين أجدهما ) ولاحظ النص الذي اسند إليهما .
غير الخاصية RightToLeft إلى Yes .
غير الخاصية MximizeBox إلى False . وكذلك MinimizeBox إلى False ، ولاحظ إختفاء زر التصغير والتكبير ..
القيمة True تعني نعم ، و False تعنى لا ، بمعنى هل تريد عرض زر التصغير ؟ نعم أو لا .
غير قيمة الخاصية Text إلى ( برنامجي الأول بلغة فيجوال بيسك دوت نت )
لإدراج أداة شريط القوائم .
أذهب إلى لوحة الأدوات ، ثم وسع المصنف Menus & ToolsBox بالنقر على علامة + :
انقر نقر مزدوجاً على الأداة MenuStrip ليظهر ( شريط القوائم ) بأعلى النموذج فارغ ، مع ظهور مربع أبيض بداخله Type Here بمعنى أكتب هنا ؟ ما الذي ستكتبه ..
انقر نقراً خفيفاً عليه واكتب ( ملف ) ، ثم انقر على مربع الذي بجواره واكتب ( مدخلات ) ، الآن ارجع وانقر على القائمة الرئيسية التي أنشأته ( ملف ) ثم اضغط على ( F4 ) لإظهار الخصائص ، إذهب إلى الخاصية Name وغيرها إلى mnuFile ....
لمتابعة الدرس ... أضف القوائم التالية :
- وظائف وسمها mnuFunc
- تقارير وسمها mnuRpt
- مساعدة وسمها mnuHelp
تابع الفيديو :إذهب إلى الخاصية Text و Name ( أين أجدهما ) ولاحظ النص الذي اسند إليهما .
غير الخاصية RightToLeft إلى Yes .
غير الخاصية MximizeBox إلى False . وكذلك MinimizeBox إلى False ، ولاحظ إختفاء زر التصغير والتكبير ..
القيمة True تعني نعم ، و False تعنى لا ، بمعنى هل تريد عرض زر التصغير ؟ نعم أو لا .
غير قيمة الخاصية Text إلى ( برنامجي الأول بلغة فيجوال بيسك دوت نت )
لإدراج أداة شريط القوائم .
أذهب إلى لوحة الأدوات ، ثم وسع المصنف Menus & ToolsBox بالنقر على علامة + :
انقر نقر مزدوجاً على الأداة MenuStrip ليظهر ( شريط القوائم ) بأعلى النموذج فارغ ، مع ظهور مربع أبيض بداخله Type Here بمعنى أكتب هنا ؟ ما الذي ستكتبه ..
انقر نقراً خفيفاً عليه واكتب ( ملف ) ، ثم انقر على مربع الذي بجواره واكتب ( مدخلات ) ، الآن ارجع وانقر على القائمة الرئيسية التي أنشأته ( ملف ) ثم اضغط على ( F4 ) لإظهار الخصائص ، إذهب إلى الخاصية Name وغيرها إلى mnuFile ....
لمتابعة الدرس ... أضف القوائم التالية :
- وظائف وسمها mnuFunc
- تقارير وسمها mnuRpt
- مساعدة وسمها mnuHelp
[media]http://www.vbfun.qsh.eu/images2/4_2_11.avi[/media]
إدراج القوائم الفرعية .
نريد إدراج قائمة فرعية ( خروج ) إلى ( ملف )
انقر على القائمة ( ملف ) ، انقر على المربع الأبيض الظاهر أسفلها واكتب ( خروج ) وسمه بالطريقة السابقة
mnuExit ( من نافذة الخصائص ) نسيت !!
انقر نقراً مزدوجاً على القائمة الفرعية ( خروج ) ، تظهر نافذة الأكواد وفيها :
نريد إدراج قائمة فرعية ( خروج ) إلى ( ملف )
انقر على القائمة ( ملف ) ، انقر على المربع الأبيض الظاهر أسفلها واكتب ( خروج ) وسمه بالطريقة السابقة
mnuExit ( من نافذة الخصائص ) نسيت !!
انقر نقراً مزدوجاً على القائمة الفرعية ( خروج ) ، تظهر نافذة الأكواد وفيها :
PublicClass MyMDIForm
Private Sub mnuExit_Click(ByVal sender As System.************************,
ByVal e As System.EventArgs) Handles mnuExit.Click
End
End Sub
End Class
Private Sub mnuExit_Click(ByVal sender As System.************************,
ByVal e As System.EventArgs) Handles mnuExit.Click
End
End Sub
End Class
وبنفس الطريق قم بإدراج القوائم الفرعية التالية تحت القوائم الرئيسية التي أنشأتها :
- تحت قائمة ( مدخلات ) :
- - بيانات الأعضاء والمشرفين وسمها mnuMemberData
- - بيانات المواضيع وسمها mnuSubjectData
- تحت قائمة ( التقارير ) :
-- تقرير بأسماء الأعضاء
-- تقرير بأسماء المشرفين
-- تقرير بالمواضيع حسب العضو
-- تقرير بالمواضيع حسب التايخ
إدراج شريط الأدوات ..
أذهب إلى لوحة الأدوات ، انقر على علامة + لتوسع الفئة Menus & ToolsBox :
انقر نقر مزدوجاً على الأداة ToolStrip ليظهر ( شريط الأدوات ) بأعلى النموذج فارغ ، مع ظهر مربع أبيض بداخله مثلث صغير ، انقر على المثلث ، تظهر قائمة بها ، ثمانية أنواع من الأدوات التي يمكن إدراجها على شريط الأدوات ..
- اختر Button ، وأعطه عنوان ( خروج ) وسمه ( tlsExit ) .. - تحت قائمة ( مدخلات ) :
- - بيانات الأعضاء والمشرفين وسمها mnuMemberData
- - بيانات المواضيع وسمها mnuSubjectData
- تحت قائمة ( التقارير ) :
-- تقرير بأسماء الأعضاء
-- تقرير بأسماء المشرفين
-- تقرير بالمواضيع حسب العضو
-- تقرير بالمواضيع حسب التايخ
إدراج شريط الأدوات ..
أذهب إلى لوحة الأدوات ، انقر على علامة + لتوسع الفئة Menus & ToolsBox :
انقر نقر مزدوجاً على الأداة ToolStrip ليظهر ( شريط الأدوات ) بأعلى النموذج فارغ ، مع ظهر مربع أبيض بداخله مثلث صغير ، انقر على المثلث ، تظهر قائمة بها ، ثمانية أنواع من الأدوات التي يمكن إدراجها على شريط الأدوات ..
- أضع أزرار أخرى على الشريط وأعطها عنوان وأسماء حسب الأوامر الموجودة على شريط القائمة ..
يمكنك حذف أي زر بالنقر على الماوس على الزر الأيمن ثم اختيار ( حذف Delete )
أن بالنقر الخفيف على الزر على الضغط على ( Del )
ويمكن إضافة صورة للزر عن طريق الخاصية Image الخاصة بالزر .
وكما في الصورة السابقة يمكن تغيير حجم الأيقونات على شريط الأدوات ...
كما فعلنا مع شريط القائمة ، يمكن بنفس الطريقة إضافة أمر للخروج من البرنامج عند النقر على الزر الأول ، انقر نقرأً مزدوجاً على الزر ( خروج ) ، تلاحظ ظهور النص البرمجي في نافذة الكود :
Private Sub tlsExit_Click(ByVal sender As System.************************,
ByVal e As System.EventArgs) Handles tlsExit.Click
END
End Sub
أضف أزرار أخرى وعنونها وسمها كما تريد ، .. وتمرنا جيداً حتى تصل إلى الاتقان في أقل زمن ...
تلميحة :
تسمية الأدوات :
نتبع منهج يتبعه معظم المبرمجين في تسمية الأدوات ( عناصر التحكم )
فمثلاً إذا أردت تسمية رز أمر command ليكون زر حفظ نسميه بالطريقة التالية أو اختصار لـ command للدلالة أن الأداة هي عبارة عن زر أمر نكتب : cmd ثم نكتب وظيفة الزر Save فيصبح cmdSave
مثال آخر : لتسمية مربع نص TextBox لإدخال اسم المستخدم UserName ، txtUserName ، وهكذا ..
هل الشرح واضح ؟
هل عرفت الفرق بين عنوان الأداة و اسم الأداة ؟
عنوان الأداة نستخدم لإظهار أو لتعريف الهدف من الأداة للمستخدم أو أما تسمية فإننا نستخدمها عند كتابة الكود
تلميحة :
تسمية الأدوات :
نتبع منهج يتبعه معظم المبرمجين في تسمية الأدوات ( عناصر التحكم )
فمثلاً إذا أردت تسمية رز أمر command ليكون زر حفظ نسميه بالطريقة التالية أو اختصار لـ command للدلالة أن الأداة هي عبارة عن زر أمر نكتب : cmd ثم نكتب وظيفة الزر Save فيصبح cmdSave
مثال آخر : لتسمية مربع نص TextBox لإدخال اسم المستخدم UserName ، txtUserName ، وهكذا ..
هل الشرح واضح ؟
هل عرفت الفرق بين عنوان الأداة و اسم الأداة ؟
عنوان الأداة نستخدم لإظهار أو لتعريف الهدف من الأداة للمستخدم أو أما تسمية فإننا نستخدمها عند كتابة الكود
اسم الموضوع : البرمجة بفيجوال بيسك دوت نت - تابع للدرس الرابع
|
المصدر : .: ركن التقنية :.