حاسب الي / الصف الثالث الإعدادي / الفصل الثالث : بعض أدوات التحكم

يتناول هذا الفصل التعرف على مجموعة من أدوات التحكم (Controls) المستخدمة داخل نافذة النموذج في بيئة تصميم البرامج مثل Visual Basic، وهي العناصر التي تسمح ببناء واجهة رسومية تفاعلية بين المستخدم والبرنامج. تُساعد هذه الأدوات في تنفيذ أوامر، إدخال بيانات، أو عرض معلومات، مما يجعل البرنامج أكثر سهولة ووضوحًا.

أولًا: النموذج (Form)

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

Name: اسم النموذج المستخدم في الكود.
Text: العنوان الظاهر أعلى النموذج.
BackColor: لون خلفية النموذج.
Size: حجم النموذج (العرض والارتفاع).
StartPosition: مكان ظهور النموذج عند التشغيل.

تُستخدم هذه الخصائص لجعل واجهة البرنامج أكثر تنظيمًا وجاذبية.

ثانيًا: زر الأمر (Button)

زر الأمر هو أحد أشهر أدوات التحكم، ويُستخدم لتنفيذ أمر معين عند الضغط عليه مثل فتح نافذة، جمع رقمين، أو عرض رسالة.

طريقة إدراجه:

بالنقر المزدوج على أداة Button من صندوق الأدوات (Toolbox) يتم إضافته مباشرة على النموذج في وضع التصميم.

بعض خصائص زر الأمر:

Text: النص المكتوب على الزر.
BackColor: لون خلفية الزر.
Enabled: لتفعيل أو تعطيل الزر.
Visible: لإظهار أو إخفاء الزر.
Font: نوع الخط وحجمه.

ثالثًا: أداة العنوان (Label)

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

بعض خصائص الـ Label:

Text: النص المعروض.
ForeColor: لون الخط.
AutoSize: ضبط الحجم تلقائيًا حسب النص.
Font: نوع وحجم الخط.

رابعًا: صندوق الكتابة (TextBox)

هو صندوق إدخال يستخدمه المستخدم لكتابة البيانات مثل الاسم، السن، العنوان… إلخ.

بعض خصائص TextBox:

Text: النص الموجود داخل الصندوق.
MaxLength: أقصى عدد للحروف.
PasswordChar: لإخفاء البيانات مثل كلمات المرور.
ReadOnly: جعله للعرض فقط دون الكتابة.
Multiline: يسمح بالكتابة على عدة أسطر.

خامسًا: صندوق القائمة (ListBox)

أداة تُستخدم لعرض قائمة من العناصر يمكن للمستخدم اختيار عنصر واحد منها أو عدة عناصر – إذا تم السماح بذلك.

من خصائص ListBox:

Items: العناصر الموجودة داخل القائمة.
SelectedIndex: رقم العنصر المُختار.
SelectionMode: نمط الاختيار (عنصر واحد – عدة عناصر).
Sorted: لترتيب العناصر تلقائيًا.

سادسًا: صندوق التحرير والسرد (ComboBox)

هو مزيج بين صندوق نص و قائمة؛ حيث يمكن للمستخدم اختيار عنصر من القائمة المنسدلة أو كتابة قيمة جديدة.

خصائصه المميزة:

DropDownStyle: يحدد أسلوب العرض (قائمة فقط – كتابة – كلاهما).
Items: العناصر بداخل الصندوق.
Text: النص الظاهر.
SelectedItem: العنصر المختار.

سابعًا: زر اختيار بديل واحد (RadioButton)

يُستخدم عندما يحتاج البرنامج إلى اختيار بديل واحد فقط من عدة بدائل، مثل: ذكر/أنثى – نعم/لا – مستوى سهل/متوسط/صعب.

بعض خصائص RadioButton:

Checked: يحدد إذا كان الزر مُختارًا.
Text: النص المكتوب بجانب الزر.
Enabled: التفعيل أو التعطيل.

يجب وضع مجموعة من أزرار الاختيار في إطار واحد (GroupBox) حتى يتعرف البرنامج أنها بدائل لنفس السؤال.

ثامنًا: صندوق الاختيار (CheckBox)

يُستخدم للسماح للمستخدم باختيار واحد أو أكثر من مجموعة بدائل، مثل:
✔ أوافق على الشروط
✔ الاشتراك في البريد
✔ اختيار أكثر من مادة دراسية

خصائص CheckBox:

Checked: لمعرفة ما إذا كان مُحددًا أم لا.
Text: النص الظاهر.
ThreeState: يسمح بثلاث حالات (محدد – غير محدد – غير معروف).

في وضع التشغيل يمكن للمستخدم اختيار أكثر من صندوق في نفس الوقت.

الخلاصة

يُعد هذا الفصل مدخلًا مهمًا لفهم كيفية بناء واجهات البرامج بطريقة تفاعلية.
كل أداة لها وظيفة وخصائص تساعد في تصميم برنامج متكامل وسهل الاستخدام، مما يجعل الطالب قادرًا على بناء تطبيقات بسيطة وفعّالة في بيئة Visual Basic أو أي بيئة تصميم مشابهة.

أسئلة شغل مخك

⭐ أولًا: أسئلة صح وخطأ

ضع علامة (√) أمام العبارة الصحيحة، وعلامة (×) أمام العبارة الخطأ:

( ) النموذج Form هو شاشة البرنامج التي تظهر عند التشغيل.
( ) لا يمكن تغيير لون خلفية النموذج.
( ) زر الأمر Button يُستخدم لتنفيذ مهمة عند النقر عليه.
( ) أداة Label يمكن للمستخدم تغيير نصها أثناء تشغيل البرنامج.
( ) TextBox يُستخدم لإدخال البيانات النصية من المستخدم.
( ) يمكن لصندوق القائمة ListBox عرض أكثر من عنصر.
( ) يمكن اختيار عنصر واحد فقط من ComboBox.
( ) RadioButton يسمح باختيار أكثر من بديل في نفس الوقت.
( ) CheckBox يسمح باختيار بديل واحد فقط.
( ) يمكن تغيير النص المكتوب داخل Button باستخدام خاصية Text.

⭐ ثانيًا: اختر الإجابة الصحيحة

اختر الإجابة الصحيحة مما بين القوسين:

الخاصية التي تحدد النص الظاهر على زر الأمر هي:
( Name – Text – Size – Enabled )
أداة تُستخدم لعرض نص ثابت لا يتغير:
( TextBox – Label – Form – Button )
أداة تُستخدم لإدخال بيانات المستخدم:
( Label – ComboBox – TextBox – ListBox )
خاصية BackColor تُستخدم في:
( تغيير لون الخلفية – كتابة النص – حجم الخط – إظهار/إخفاء الأداة )
أداة تسمح باختيار عنصر واحد فقط من عدة بدائل:
( CheckBox – ComboBox – RadioButton – ListBox )
الخاصية التي تُظهر العناصر داخل ListBox:
( Items – Text – Value – Checked )
إذا أردت إنشاء قائمة منسدلة تستخدم أداة:
( ListBox – TextBox – ComboBox – Label )
لجعل TextBox لا يقبل الكتابة نستخدم خاصية:
( Enabled – Visible – ReadOnly – MaxLength )
صندوق الاختيار (CheckBox) يسمح بـ:
( اختيار واحد – اختيار متعدد – لا شيء – اختيار إجباري فقط )
الخاصية التي تحدد هل الأداة ظاهرة أم لا هي:
( Visible – Text – Font – Name )

⭐ ثالثًا: أكمل الجمل الآتية:

النموذج هو الواجهة __________ التي تظهر للمستخدم.
خاصية __________ تُستخدم لكتابة النص على الزر.
أداة __________ تُستخدم لعرض نص ثابت على الشاشة.
صندوق النص TextBox يُستخدم لإدخال __________.
يمكن إضافة عناصر داخل ListBox باستخدام الخاصية __________.
ComboBox هو عبارة عن __________ تنسدل لاختيار عنصر.
RadioButton يسمح للمستخدم باختيار __________ بديل فقط.
CheckBox يسمح باختيار __________ من صندوق واحد أو أكثر.
خاصية MaxLength تتحكم في عدد __________ داخل TextBox.
خاصية BackColor لتغيير __________ الأداة.

⭐ رابعًا: المصطلح العلمي

اكتب المصطلح العلمي المناسب:

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

⭐ خامسا: فرق بين:

ListBox و ComboBox
RadioButton و CheckBox
Label و TextBox
BackColor و ForeColor
Visible و Enabled

ICT Spark Hub

بحث هذه المدونة الإلكترونية

حاسب الي / الصف الثالث الإعدادي / الفصل الثالث : بعض أدوات التحكم