Controls أدوات التحكم
تمثل أدوات التحكم Controls الجزء الأساسي في بناء التطبيق او المشروع Project .
يتم إضافة هذه الأدوات من صندوق يسمى Tool Box (يتم إظهار هذا الصندوق من لائحة View) .
طريقة إضافة أي من هذه الأدوات على النموذج :
1- النقر المزدوج على الأداة Double Click: سيتم إضافتها في وسط النموذج
2- السحب والافلات Drag Drop : عن طريق الضغط على الأداة فيصبح مؤشر الفأرة على شكل + ومن ثم الضغط على النموذج في المكان المراد وضع الأداة والسحب مع استمرار الضغط على زر الفأرة ثم الإفلات.
طريقة حذف أي أداة من النموذج :
1- تحديد الأداة المراد حذفها بالنقر عليها ثم الضغط على مفتاح Delete من لوحة المفاتيح
2- الضغط بزر الفأرة الأيمن على الأداة المراد حذفها ثم اختيار Delete من القائمة المنسدلة.
قبل التعرف على هذه الأدوات نودّ التعرف على أهم خصائص النموذج Form قبل إضافة الأدوات عليه.
خصائص النموذج (Form)
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على شكل النموذج .
عند كتابة اسم النموذج Form يجب إعطاء 3 أحرف في البداية لتدل على نوع أداة التحكم , فمثلا هنا اسم النموذج تمت كتابته كالتالي FrmFirst , حيث تدل الثلاث احرف الأولى Frm على ان هذه الأداه هي Form
2- BackColor لون خلفية النموذج : حيث يمكن أن تكون خلفية النموذج عبارة عن لون واحد يتم تحديده من هذه الخاصية .
3- Picture أو صورة : حيث يمكن أن تكون خلفية النموذج عبارة عن صوره يتم تحديدها من هذه الخاصية .
4- Caption : وهي خاصية مهمة لإعطاء عنوان للنموذج . وفي المثال First Project هو عنوان Form.
5- Height الارتفاع : وتستخدم لتحديد طول النموذج او ارتفاعه .
6- Width العرض : وتستخدم لتحديد عرض النموذج Form .
7- Visible مرئي أم لا : تستخدم للتحكم بإظهار النموذج أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
8- Top لتحديد إحداثيات الجهة العليا للأداة .
9- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
10- Enabled : فعّال= True , غير فعّال = False
****************************************************************************************
فيما يلي أهم الأدوات Controls التي سنستخدمها بالإضافة الى خصائصها :
1- Label : أداة تسمح بعرض نص على النموذج مع عدم تمكين المستخدم بالتعديل على هذا العنوان.
أهم خصائص Label
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على Design .
عند كتابة اسم Label يجب إعطاء 3 أحرف في البداية لتدل على نوع أداة التحكم , فمثلا هنا اسم Label هو (LbLName) , حيث تدل الثلاث احرف الأولى LbL على ان هذه الأداه هي Label
2- BackColor لون الخلفية : حيث يمكن تحديد لون خلفية Label من هذه الخاصية .
3- ForeColor لون خط الكتابة : لتحديد اللون المستخدم في كتابة النص .
4- Font الخط: للتحكم بنوع الخط وحجمه .
5- Alignment أو المحاذاه : حيث تحديد محاذاة النص على Label إما على اليمينRight او الوسطCenter او اليسارLeft .
6- Caption : وهي خاصية مهمة لإعطاء عنوان Label . وفي المثال Name هو عنوان Label.
7- Height الارتفاع : وتستخدم لتحديد الطول او الارتفاع .
8- Width العرض : وتستخدم لتحديد العرض .
9- Visible مرئي أم لا : تستخدم للتحكم بإظهار Label أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
10- Top لتحديد إحداثيات الجهة العليا للأداة .
11- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
12- Enabled : فعّال= True , غير فعّال = False
****************************************************************************************
2- TextBox صندوق النص: أداة تسمح بإدخال نص او بيانات عند التنفيذ.
أهم خصائص TextBox
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على Design .
عند كتابة اسم TextBox يجب إعطاء 3 أحرف في البداية لتدل على نوع أداة التحكم , فمثلا هنا اسمTextBox هو (TxtName) , حيث تدل الثلاث احرف الأولى Txt على ان هذه الأداه هي TextBox
2- BackColor لون الخلفية : حيث يمكن تحديد لون خلفية TextBox من هذه الخاصية .
3- ForeColor لون خط الكتابة : لتحديد اللون المستخدم في كتابة النص .
4- Font الخط: للتحكم بنوع الخط وحجمه .
5- Alignment أو المحاذاه : حيث تحديد محاذاة النص على Label إما على اليمينRight او الوسطCenter او اليسارLeft .
6- Text: وهي خاصية تسمح بإدخال وتعديل النص داخل الأداة.
7- Height الارتفاع : وتستخدم لتحديد الطول او الارتفاع .
8- Width العرض : وتستخدم لتحديد العرض .
9- Visible مرئي أم لا : تستخدم للتحكم بإظهار TextBox أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
10- Top لتحديد إحداثيات الجهة العليا للأداة .
11- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
12- Enabled : فعّال= True , غير فعّال = False
****************************************************************************************
3- Command Button زر الأوامر: من أهم الأدوات المستخدمة , اذ يمكن بواسطتها أن يتم تنفيذ الكثير من الأوامر والاجراءات.
أهم خصائص Command Button
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على Design .
عند كتابة اسم Command Button يجب إعطاء 3 أحرف في البداية لتدل على نوع أداة التحكم , فمثلا هنا اسم Command Button هو (CmdOK) , حيث تدل الثلاث احرف الأولى Cmd على ان هذه الأداه هي Command Button
2- BackColor لون الخلفية : حيث يمكن تحديد لون خلفية Command Button من هذه الخاصية . ولكن يجب الانتباه الى الخاصية Style=Graphical
3- ForeColor لون خط الكتابة : لتحديد اللون المستخدم في كتابة النص .
4- Font الخط: للتحكم بنوع الخط وحجمه .
5- Caption: وهي خاصية تسمح بتحديد عنوان زر الأوامر وهو هنا " OK".
6- Height الارتفاع : وتستخدم لتحديد الطول او الارتفاع .
7- Width العرض : وتستخدم لتحديد العرض .
8- Visible مرئي أم لا : تستخدم للتحكم بإظهار TextBox أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
9- Top لتحديد إحداثيات الجهة العليا للأداة .
10- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
11- Enabled : فعّال= True , غير فعّال = False
****************************************************************************************
4- Picture Box صندوق الصورة : تستخدم هذه الأداه لعرض الصور او جزء من الصورة بنفس حجم الصندوق المرسوم, ويمكن اضافة الأدوات السابقه فوقها لتصبح خلفيه او حاوية لهذه الادوات .
أهم خصائص Picture Box
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على Design .
2- Picture : لتحديد اسم وموقع الصورة المراد عرضها داخل الصندوق.
3- Height الارتفاع : وتستخدم لتحديد الطول او الارتفاع .
4- Width العرض : وتستخدم لتحديد العرض .
5- Visible مرئي أم لا : تستخدم للتحكم بإظهار TextBox أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
6- Top لتحديد إحداثيات الجهة العليا للأداة .
7- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
8- Enabled : فعّال= True , غير فعّال = False
****************************************************************************************
5- Image أداة الصورة : تشبه أداة صندوق الصورة Picture Box وتختلف عنها بخاصية امتداد حجم الصندوق ليناسب حجم الصورة .
أهم خصائص Image
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على Design .
2- Picture : لتحديد اسم وموقع الصورة المراد عرضها داخل الصندوق.
3- Height الارتفاع : وتستخدم لتحديد الطول او الارتفاع .
4- Width العرض : وتستخدم لتحديد العرض .
5- Visible مرئي أم لا : تستخدم للتحكم بإظهار TextBox أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
6- Top لتحديد إحداثيات الجهة العليا للأداة .
7- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
8- Enabled : فعّال= True , غير فعّال = False
****************************************************************************************
6- Check Box: تستخدم هذه الأداه لعرض مجموعه من صناديق الاختيار أمام المستخدم ليختار واحده أو أكثر منها . .
أهم خصائص Check Box
1- Name الاسم البرمجي للأداة ويستخدم في مرحلة البرمجة وعند تغيير الاسم لا يظهر او يؤثر على Design .
2- Caption : لتحديد عنوان صندوق الاختيار.
3- Height الارتفاع : وتستخدم لتحديد الطول او الارتفاع .
4- Width العرض : وتستخدم لتحديد العرض .
5- Visible مرئي أم لا : تستخدم للتحكم بإظهار TextBox أو اخفاؤه عند التنفيذ.
(اذا كانت القيمة True فإنها تعني مرئي, واذا كانت القيمة False فإنها تعني غير مرئي)
6- Top لتحديد إحداثيات الجهة العليا للأداة .
7- Left : لتحديث إحداثيات الجهه اليسرى من الاداة.
8- Enabled : فعّال= True , غير فعّال = False
