محمد
09-07-2008, 08:12 AM
الدرس السادس
رقم الدرس: vbdotnet2008sbsl0006
عند إضافة الأزرار إلى الفورم نستطيع أن نقوم بتغيير مكانهما في داخل الفورم وكذلك نستطيع أن نغير من حجمهما بداخل الفورم لتغيير المكان التابع لهما في داخل الفورم نحدد الزر أو المكون المراد تغيير مكانه بداخل الفورم ثم نقوم بعملية السحب والتحريك له بداخل الفورم وعلية فسنستطيع أن نغير مكانة إلى أسفل أو أعلى الفورم أو إلى الوسط. (في حالة إذا أردنا أن نقوم بسحب الاثنين الأزرار مرة واحدة إلى أي مكان في الفورم نقوم بتحديدهما الاثنين (أو كل الأزرار في حالة إذا ما كان هناك الكثير من اثنين)وذلك بالضغط على Ctrl واختيار الأول ومواصلة الضغط على Ctrl ثم اختيار الثاني وبعد ذلك نستطيع سحبهما إلى مكان معين في الفورم مع بعض ونستطيع كذلك من تغيير خصائصهما المشتركة مع بعض)
ملاحظة:
نفس عمليات السحب والإلقاء التي تطبقها على الأزرار Buttons تستطيع أن تطبقها على بقية المكونات مثل الليبلات Labels وغيرها من المكونات.
ملاحظة: عند القيام بتغيير مكان الزر على الفورم وفي حالة ذهبنا إلى نهاية الفورم سنلاحظ تكون خط ازرق ليحدد لك انك اقتربت من نهاية الفورم وعند توفر العديد من الأزرار أو المكونات على الفورم ستلاحظ تكون الخط الأزرق ليبين لك إن الزر أو المكون الذي تقوم بتحريكه يوازي بقية المكونات على الفورم
ملاحظة:
تستطيع إظهار الشبك (Grid) وهي خطوط عمودية وأفقية على الفورم تستطيع أن تستخدمها لمعرفة هل الأزرار أو المكونات على خط متوازي أو لا بمعنى آخر أنها تساعد في تنظيم المكونات على الفورم. في الفيجوال 2003 وكذلك الفيجوال 6 كانت الـ Grid أو الشبك تظهر بشكل افتراضي على الفورم إذا كنت تريد إظهارها اذهب إلى قائمة Tools بعدها Options ستظهر لك نافذة تأكد من اختيار Show All Settings أسفل النافذة ثم اذهب إلى Windows Forms Designer اختر منها General ثم اضبط Show Grid على True واضبط LayoutMode على SnapToGrid أغلق الفورم ثم افتحه مرة ثانية سيظهر بهذا الشكل:
http://www.cars-club.com/up/8-2-1/carsclub_21481853.png
تستطيع تغيير حجم أي زر أي مكون على سطح الفورم بأن تقوم بتحديده سيظهر لك ثمانية مربعات بيضاء على الزر أو المكون المحدد تستطيع أن تضغط على احدها وتقوم بعملة تكبير أو تصغير للزر أو للمكون انظر الزر التالي:
http://www.cars-club.com/up/8-2-1/carsclub_41513493.png
لاحظ الثمانية المربعات البيضاء.
ملاحظة: تستطيع إلغاء أي زر أو أي مكون من سطح الفورم بتحديد المكون المراد ثم بالضغط على Delete، الآن قم بعملية إضافة المكونات إلى الفورم وإلغائها وتغيير مكانها على الفورم وكذلك تغيير حجمها لتعرف أكثر.
قمنا الآن بإضافة اثنين أزرار وأربعة ليبلات وواحد صندوق للصورة. بعد إضافة المكونات إلى الفورم قم ببعض التعديل على خصائص هذه المكونات لتتلائم مع حجم الفورم ونوع الخط المراد عرضة على شاشة المستخدم. (لإظهار نافذة الخصائص اضغط على F4)
لتعديل خصائص أي مكون علينا أن نحدد المكون المراد تعديل خصائصه ثم ذهب إلى نافذة الخصائص ونقوم بالتعديلات اللازمة أو من نافذة الخصائص نختار السهم أعلى نافذة الخصائص ونقوم بالتعديل علية لاحظ الصورة (قمت بتلوين مكان السهم بالأحمر):
http://www.cars-club.com/up/8-2-1/carsclub_70386404.png
يمكنك تعديل خصائص أكثر من مكون مرة واحدة وذلك بتحديد هذه المكونات مرة واحدة ثم تعديل خصائصها أو اختيار المكون الأول ثم الضغط على Shift ثم اختيار المكون الثاني وهكذا. للعلم في حالة اختيار العديد من المكونات ليتم تعديل خصائصها مرة واحدة فقط الخصائص المشتركة بين هذه المكونات ستظهر في نافذة الخصائص. ما نريده منك الآن هو أن تقوم بتغيير الخصائص للمشروع الذي نكتبه في هذا الفصل حاول تغيير الخط نوعه وحجمه طريقة عرضه وغيرها من الخصائص، سنقوم الآن بذكر بعض الخصائص الخاصة بالمكون Button أو الزر.
(Name)
اسم الزر المختار وافتراضيا تسمى Button1,2,3 ولكن تستطيع تغييرها للتناسب مع طبيعة الزر المراد تكوينه فممكن تسميتها إبدأ StartBtn أو إنهاء ExitBtn أو غيرها من التسميات والتسمية مهمة في مرحلة الكود لنعرف لماذا هذا الزر.
Anchor
تحدد مكان الزر في حالة تكبير الفورم وقت التشغيل (المقصود بوقت التشغيل وقت تشغيل البرنامج) فبإمكانك اختيار احد الأسهم أو اثنين أو الثلاثة أو الكل. افتراضيا اليسار والأعلى يكون مختار مسبقا وعلية ففي حالة تكبير الفورم وقت التشغيل فان الزر يتجه نحو أعلى يسار الفورم. أما في حالة اختيار الأربع الجهات ففي حالة تكبير الفورم فان الزر يتجه نحو وسط الفورم.
AutoEllipsis
في حالة ضبطها على True وإذا كان النص داخل الزر اكبر من حجم الزر فستقوم هذه الخاصية بإضافة ثلاث نقاط في الرز أما إذا كان بنفس مساحة الزر فلا تضيف شيئاً.
AutoSize
تسمح هذه الخاصية في حالة ضبطها على True بتكبير حجم الزر إذا كان النص اكبر من حجم الزر فيكبر الزر ليسمح برؤية النص كاملاً.
AutoSizeMode
طريقة التعامل مع النص الكبير GrowOnly يكبر الزر بمقدار النص GrowAndShrink يكبر الزر في نفس الوقت الذي يتم فيه تصغير النص.
BackColor
لون الزر.
BackgroundImage
خلفية الزر حيث تستطيع أن تضع صورة كخلفية في الزر.
BackgroundImageLayout
طريقة عرض الصورة في حالة اختيار صورة كخلفية.
Cursor
شكل السهم وقت التشغيل وقت مروره على الفورم ستلاحظ العينات.
Dock
طريقة عرض الزر على الفورم.
Enabled
في حالة True يكون الزر طبيعياً في حالة False يكون الزر مرئي ولكن لا يمكن التعامل معه.
FlatStyle
أربع خيارات لعرض الزر وهذه تعتمد على ذوق المصمم وكذلك على نوعية البرنامج جربهم واحده بعد الأخرى ثم قم بتشغيل التطبيق ولاحظ تغيير شكل وطراز الزر.
Font
سيظهر لك نافذة كالتي في الورد لتغيير حجم ونوع وشكل الخط.
ForeColor
لتغيير لون الخط.
Location
مكان الزر على الفورم بتغيير الأرقام يتغير المكان أفقيا وعمودياً.
Locked
نستفيد من هذه الخاصية وقت تصميم التطبيق وتقوم بتثبيت مكان الزر على الفورم حتى لا يتغير مكانه إذا عبثنا بالماوس أو أخطأنا.
MaximumSize
اكبر مساحة ممكنة للزر، تستطيع تحديد اكبر عرض width ممكن للزر وكذلك اكبر ارتفاع Height ممكن للزر.
MinimumSize
عكس الأول.
RightToLift
اتجاه الزر (من اليمين إلى اليسار) مفيد للتطبيقات ذوو الواجهة العربية.
Size
مساحة الزر العرض Width والارتفاع Height
TabIndex
بعد تشغيل التطبيق تستطيع التنقل بين المكونات بواسطة زر الكيبورد Tab أما الخاصية TabIndex فتحدد رقم الزر في حالة الضغط على Tab فالرقم صفر يبين انه بعد تشغيل البرنامج مباشرة سيكون Tab فوق هذا الزر وإذا تم ضغط زر الكيبورد Tab فسينتقل إلى الزر ذو رقم TabIndex 2 وهكذا.
TapStop
في حالة الضبط على False فعند تشغيل التطبيق والضغط على زر الكيبورد Tab فلن ينتقل إلى هذا الزر لأنك ضبطت القيمة على False وإذا أردت أن ينتقل إلى هذا الزر فاضبط القيمة على True
Text
النص الموجود داخل الزر. جرب اكتب اسمك أو ما تريد في هذه الخاصية ولاحظ ماذا سيتغير على الزر.
TextAlign
طريقة عرض النص بداخل الزر.
Visible
في حالة ضبط هذه الخاصية على False فإن الزر سيختفي في حالة تشغيل البرنامج.
هناك العديد من الخواص التي لم اذكرها للعديد من الأسباب ولكن الخصائص المذكورة أعلاه تعتبر الأكثر استخداما وهي نفسها خصائص مشتركة بين العديد من المكونات.
رقم الدرس: vbdotnet2008sbsl0006
عند إضافة الأزرار إلى الفورم نستطيع أن نقوم بتغيير مكانهما في داخل الفورم وكذلك نستطيع أن نغير من حجمهما بداخل الفورم لتغيير المكان التابع لهما في داخل الفورم نحدد الزر أو المكون المراد تغيير مكانه بداخل الفورم ثم نقوم بعملية السحب والتحريك له بداخل الفورم وعلية فسنستطيع أن نغير مكانة إلى أسفل أو أعلى الفورم أو إلى الوسط. (في حالة إذا أردنا أن نقوم بسحب الاثنين الأزرار مرة واحدة إلى أي مكان في الفورم نقوم بتحديدهما الاثنين (أو كل الأزرار في حالة إذا ما كان هناك الكثير من اثنين)وذلك بالضغط على Ctrl واختيار الأول ومواصلة الضغط على Ctrl ثم اختيار الثاني وبعد ذلك نستطيع سحبهما إلى مكان معين في الفورم مع بعض ونستطيع كذلك من تغيير خصائصهما المشتركة مع بعض)
ملاحظة:
نفس عمليات السحب والإلقاء التي تطبقها على الأزرار Buttons تستطيع أن تطبقها على بقية المكونات مثل الليبلات Labels وغيرها من المكونات.
ملاحظة: عند القيام بتغيير مكان الزر على الفورم وفي حالة ذهبنا إلى نهاية الفورم سنلاحظ تكون خط ازرق ليحدد لك انك اقتربت من نهاية الفورم وعند توفر العديد من الأزرار أو المكونات على الفورم ستلاحظ تكون الخط الأزرق ليبين لك إن الزر أو المكون الذي تقوم بتحريكه يوازي بقية المكونات على الفورم
ملاحظة:
تستطيع إظهار الشبك (Grid) وهي خطوط عمودية وأفقية على الفورم تستطيع أن تستخدمها لمعرفة هل الأزرار أو المكونات على خط متوازي أو لا بمعنى آخر أنها تساعد في تنظيم المكونات على الفورم. في الفيجوال 2003 وكذلك الفيجوال 6 كانت الـ Grid أو الشبك تظهر بشكل افتراضي على الفورم إذا كنت تريد إظهارها اذهب إلى قائمة Tools بعدها Options ستظهر لك نافذة تأكد من اختيار Show All Settings أسفل النافذة ثم اذهب إلى Windows Forms Designer اختر منها General ثم اضبط Show Grid على True واضبط LayoutMode على SnapToGrid أغلق الفورم ثم افتحه مرة ثانية سيظهر بهذا الشكل:
http://www.cars-club.com/up/8-2-1/carsclub_21481853.png
تستطيع تغيير حجم أي زر أي مكون على سطح الفورم بأن تقوم بتحديده سيظهر لك ثمانية مربعات بيضاء على الزر أو المكون المحدد تستطيع أن تضغط على احدها وتقوم بعملة تكبير أو تصغير للزر أو للمكون انظر الزر التالي:
http://www.cars-club.com/up/8-2-1/carsclub_41513493.png
لاحظ الثمانية المربعات البيضاء.
ملاحظة: تستطيع إلغاء أي زر أو أي مكون من سطح الفورم بتحديد المكون المراد ثم بالضغط على Delete، الآن قم بعملية إضافة المكونات إلى الفورم وإلغائها وتغيير مكانها على الفورم وكذلك تغيير حجمها لتعرف أكثر.
قمنا الآن بإضافة اثنين أزرار وأربعة ليبلات وواحد صندوق للصورة. بعد إضافة المكونات إلى الفورم قم ببعض التعديل على خصائص هذه المكونات لتتلائم مع حجم الفورم ونوع الخط المراد عرضة على شاشة المستخدم. (لإظهار نافذة الخصائص اضغط على F4)
لتعديل خصائص أي مكون علينا أن نحدد المكون المراد تعديل خصائصه ثم ذهب إلى نافذة الخصائص ونقوم بالتعديلات اللازمة أو من نافذة الخصائص نختار السهم أعلى نافذة الخصائص ونقوم بالتعديل علية لاحظ الصورة (قمت بتلوين مكان السهم بالأحمر):
http://www.cars-club.com/up/8-2-1/carsclub_70386404.png
يمكنك تعديل خصائص أكثر من مكون مرة واحدة وذلك بتحديد هذه المكونات مرة واحدة ثم تعديل خصائصها أو اختيار المكون الأول ثم الضغط على Shift ثم اختيار المكون الثاني وهكذا. للعلم في حالة اختيار العديد من المكونات ليتم تعديل خصائصها مرة واحدة فقط الخصائص المشتركة بين هذه المكونات ستظهر في نافذة الخصائص. ما نريده منك الآن هو أن تقوم بتغيير الخصائص للمشروع الذي نكتبه في هذا الفصل حاول تغيير الخط نوعه وحجمه طريقة عرضه وغيرها من الخصائص، سنقوم الآن بذكر بعض الخصائص الخاصة بالمكون Button أو الزر.
(Name)
اسم الزر المختار وافتراضيا تسمى Button1,2,3 ولكن تستطيع تغييرها للتناسب مع طبيعة الزر المراد تكوينه فممكن تسميتها إبدأ StartBtn أو إنهاء ExitBtn أو غيرها من التسميات والتسمية مهمة في مرحلة الكود لنعرف لماذا هذا الزر.
Anchor
تحدد مكان الزر في حالة تكبير الفورم وقت التشغيل (المقصود بوقت التشغيل وقت تشغيل البرنامج) فبإمكانك اختيار احد الأسهم أو اثنين أو الثلاثة أو الكل. افتراضيا اليسار والأعلى يكون مختار مسبقا وعلية ففي حالة تكبير الفورم وقت التشغيل فان الزر يتجه نحو أعلى يسار الفورم. أما في حالة اختيار الأربع الجهات ففي حالة تكبير الفورم فان الزر يتجه نحو وسط الفورم.
AutoEllipsis
في حالة ضبطها على True وإذا كان النص داخل الزر اكبر من حجم الزر فستقوم هذه الخاصية بإضافة ثلاث نقاط في الرز أما إذا كان بنفس مساحة الزر فلا تضيف شيئاً.
AutoSize
تسمح هذه الخاصية في حالة ضبطها على True بتكبير حجم الزر إذا كان النص اكبر من حجم الزر فيكبر الزر ليسمح برؤية النص كاملاً.
AutoSizeMode
طريقة التعامل مع النص الكبير GrowOnly يكبر الزر بمقدار النص GrowAndShrink يكبر الزر في نفس الوقت الذي يتم فيه تصغير النص.
BackColor
لون الزر.
BackgroundImage
خلفية الزر حيث تستطيع أن تضع صورة كخلفية في الزر.
BackgroundImageLayout
طريقة عرض الصورة في حالة اختيار صورة كخلفية.
Cursor
شكل السهم وقت التشغيل وقت مروره على الفورم ستلاحظ العينات.
Dock
طريقة عرض الزر على الفورم.
Enabled
في حالة True يكون الزر طبيعياً في حالة False يكون الزر مرئي ولكن لا يمكن التعامل معه.
FlatStyle
أربع خيارات لعرض الزر وهذه تعتمد على ذوق المصمم وكذلك على نوعية البرنامج جربهم واحده بعد الأخرى ثم قم بتشغيل التطبيق ولاحظ تغيير شكل وطراز الزر.
Font
سيظهر لك نافذة كالتي في الورد لتغيير حجم ونوع وشكل الخط.
ForeColor
لتغيير لون الخط.
Location
مكان الزر على الفورم بتغيير الأرقام يتغير المكان أفقيا وعمودياً.
Locked
نستفيد من هذه الخاصية وقت تصميم التطبيق وتقوم بتثبيت مكان الزر على الفورم حتى لا يتغير مكانه إذا عبثنا بالماوس أو أخطأنا.
MaximumSize
اكبر مساحة ممكنة للزر، تستطيع تحديد اكبر عرض width ممكن للزر وكذلك اكبر ارتفاع Height ممكن للزر.
MinimumSize
عكس الأول.
RightToLift
اتجاه الزر (من اليمين إلى اليسار) مفيد للتطبيقات ذوو الواجهة العربية.
Size
مساحة الزر العرض Width والارتفاع Height
TabIndex
بعد تشغيل التطبيق تستطيع التنقل بين المكونات بواسطة زر الكيبورد Tab أما الخاصية TabIndex فتحدد رقم الزر في حالة الضغط على Tab فالرقم صفر يبين انه بعد تشغيل البرنامج مباشرة سيكون Tab فوق هذا الزر وإذا تم ضغط زر الكيبورد Tab فسينتقل إلى الزر ذو رقم TabIndex 2 وهكذا.
TapStop
في حالة الضبط على False فعند تشغيل التطبيق والضغط على زر الكيبورد Tab فلن ينتقل إلى هذا الزر لأنك ضبطت القيمة على False وإذا أردت أن ينتقل إلى هذا الزر فاضبط القيمة على True
Text
النص الموجود داخل الزر. جرب اكتب اسمك أو ما تريد في هذه الخاصية ولاحظ ماذا سيتغير على الزر.
TextAlign
طريقة عرض النص بداخل الزر.
Visible
في حالة ضبط هذه الخاصية على False فإن الزر سيختفي في حالة تشغيل البرنامج.
هناك العديد من الخواص التي لم اذكرها للعديد من الأسباب ولكن الخصائص المذكورة أعلاه تعتبر الأكثر استخداما وهي نفسها خصائص مشتركة بين العديد من المكونات.