الفصل الثاني: أدوات الخيارات (الجزء ٢)

صندوق التأشير وحوار الخط

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

الدرس السابق تعلمنا كيف نختار خيار واحد فقط
اليوم بنتعلم كيف نختار عدة خيارات مع بعض! ✅ 🅰️

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

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

تخيل أنك تطلب بيتزا 🍕

لما تختار إضافات البيتزا، هل التطبيق يمنعك تختار "زيتون" و"فطر" مع بعض؟

🍕 الإضافات:

زيادة جبن 🧀 فطر 🍄 زيتون 🫒

طبعاً لا! تقدر تختار أكثر من واحد 👆
وهنا يجي دور أداة CheckBox

☑️ أداة صندوق التأشير (CheckBox)

أداة تسمح باختيار أكثر من خيار في نفس الوقت

مثال: خيارات تنسيق الخط:

عريض مائل مسطر

جرب تأشر على أكثر من خيار! 🎨

الخاصية

Checked (True/False)

الحدث

CheckedChanged

محاكاة: إخفاء الخريطة 🗺️

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

If CheckBox1.Checked = True Then PictureBox1.Hide() Else PictureBox1.Show() End If

Hide() = إخفاء | Show() = إظهار

جربها بنفسك! 👨‍💻

أشّر على الصندوق لإخفاء الخريطة:

إخفاء الخريطة

🗺️

مشكلة تغيير الخطوط 🤔

لو نبي المستخدم يغير نوع الخط + حجمه + لونه… بنحط ٥٠ زر؟!

🤯

الشاشة بتصير فوضى!

الحل: نستخدم صندوق جاهز من نظام ويندوز يسمى
صندوق حوار الخط (FontDialog)

📝 أداة صندوق حوار الخط (FontDialog)

أداة مخفية — عند استدعائها تظهر صندوق حوار بكل خيارات الخطوط

لما تضيفها للبرنامج ما تظهر على النافذة — تظهر في الأسفل (منطقة الأدوات المخفية):

⚙️ FontDialog1

← هذا مكانها في بيئة التطوير

كيف نظهر هذا الصندوق؟ 🪄

لأن الأداة مخفية، نكتب كود لإظهارها — عادة داخل زر Button

Private Sub Button1_Click(...) ' هذا السطر يظهر النافذة للمستخدم FontDialog1.ShowDialog() End Sub

ShowDialog() = الطريقة اللي تعرض صندوق الحوار

كيف نطبق الخط المختار؟ 🎨

بعد ما المستخدم يختار ويضغط "موافق"، الخط ينحفظ في خاصية Font

RichTextBox1.Font = FontDialog1.Font

المعنى: يا صندوق النصوص، اجعل خطك = الخط اللي اختاره المستخدم من الحوار

الكود الكامل 🚀

كود زر "مزيد من خيارات الخط":

Private Sub Button1_Click(...) ' 1. أظهر صندوق الحوار FontDialog1.ShowDialog() ' 2. طبق الخط المختار على النص RichTextBox1.Font = FontDialog1.Font End Sub

جربها بنفسك! 👨‍💻

محاكاة لعمل FontDialog:

الكويت دولة عربية تقع في الشرق الأوسط… (نص تجريبي)

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

أي أداة تسمح باختيار أكثر من خيار في نفس الوقت؟

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

لإظهار FontDialog للمستخدم نستخدم الكود:

🏆

أبطال يا شباب!

خلاصة الدرس:

الأداة / الكود	الوظيفة
CheckBox	تسمح باختيار أكثر من خيار معاً
Hide() / Show()	طرق جاهزة لإخفاء وإظهار الأدوات
FontDialog	أداة مخفية تعرض خيارات تنسيق الخط
ShowDialog()	تستخدم لإظهار صناديق الحوار

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