الوحدة الثانية: أدوات التحكم

أدوات الخيارات

الصف الثاني عشر — فيجوال بيسك 2008

مرحباً بكم يا شباب في رحلة برمجية جديدة! 🎮💻
اليوم بنتعلم كيف نضيف خيارات للمستخدم بطريقة احترافية.

أ. حسين الصفار

مدرسة دعيج السلمان الصباح الثانوية — مارس ٢٠٢٦

تخيل أنك تطلب وجبة 🍔

في تطبيق المطاعم، يُطلب منك تحديد حجم الوجبة:

حجم صغير 🍟 حجم كبير 🍟🍟

هل تقدر تختار الاثنين مع بعض؟ طبعاً لا!

هذا هو مبدأ "الاختيار الواحد" اللي بنتعلمه اليوم في البرمجة.

هدفنا اليوم 🎯

في مشروعنا "الموسوعة الخليجية" بنضيف أدوات جديدة:

📋

قائمة منسدلة

نختار منها اسم الدولة

🔘

أزرار خيار

لتغيير لون نص المعلومات

مربع التحرير والسرد (ComboBox)

أداة تجمع بين: صندوق نص + قائمة خيارات منسدلة

تعرض قائمة طويلة بدون ما تاخذ مساحة كبيرة من الشاشة.

📖 من الكتاب: ComboBox في مشروع الموسوعة الخليجية

كيف نضيف الدول للقائمة؟ 📝

نستخدم خاصية Items من نافذة الخصائص Properties

نكتب كل دولة في سطر منفصل:

الكويت السعودية الإمارات البحرين

سر الفهرس (Index) 🕵️‍♂️

الكمبيوتر يتعامل مع الأرقام ويبدأ العد دائماً من الصفر (0)

اضغط على الدولة لمعرفة رقم الفهرس:

الخاصية المسؤولة عن رقم العنصر: SelectedIndex

📖 من الكتاب: نظام الفهرسة — يبدأ من الصفر

ماذا يحدث عند تغيير الاختيار؟ ⚡

لازم البرنامج يفهم إننا "غيّرنا" الدولة

الحدث الافتراضي لهذه الأداة:

SelectedIndexChanged

بمعنى: عند تغيّر الفهرس المختار ← نفّذ الكود!

برمجة ComboBox 💻

تحميل ملف نصي بناءً على الدولة المختارة (Select Case):

Private Sub ComboBox1_SelectedIndexChanged(...) Select Case ComboBox1.SelectedIndex Case 0 ' الكويت RichTextBox1.LoadFile("kw.rtf") Case 1 ' السعودية RichTextBox1.LoadFile("ksa.rtf") End Select End Sub

زر الخيار (RadioButton) 🔘

تعرض خيارات — بس تسمح باختيار واحد فقط!

لون الخط:

أحمر 🔴 أزرق 🔵 أسود ⚫

جرب تغيير اللون! 🎨

صندوق المجموعة (GroupBox) 📦

لو عندنا أزرار للون وأزرار للدفع بنفس الشاشة — بيتداخلون!

الحل: نجمع الأزرار المترابطة داخل GroupBox

🎨 لون الخط

أحمر
أزرق

💳 طريقة الدفع

كاش
فيزا

كل مجموعة مستقلة — الاختيار في وحدة ما يأثر على الثانية!

📖 من الكتاب: أزرار الخيار داخل GroupBox

هل الزر مختار أم لا؟ ✔️

نستخدم خاصية Checked — تأخذ قيمتين فقط:

اضغط لمعرفة القيمة الأولى

اضغط لمعرفة القيمة الثانية

برمجة RadioButton 💻

الحدث الافتراضي: CheckedChanged (عند تغير حالة التأشير)

Private Sub RadioButton1_CheckedChanged(...) If RadioButton1.Checked = True Then RichTextBox1.ForeColor = Color.Blue End If End Sub

تحدي الفهم (١) 🧠

تبدأ فهرسة عناصر قائمة (ComboBox) بالرقم 1.

تحدي الفهم (٢) 🧠

لتجميع أزرار الخيار (RadioButton) معاً نستخدم:

🏆

كفو يا شباب!

خلاصة الدرس:

الأداة	الوظيفة
ComboBox	قائمة خيارات منسدلة (تبدأ من صفر)
RadioButton	زر خيار (يسمح باختيار واحد فقط)
GroupBox	صندوق لتجميع الأدوات وترتيبها

← العودة لقائمة الدروس