منتدى مصر التقني
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

الدرس السابع ...التعامل مع الادوات option box & check box &Frame

اذهب الى الأسفل

الدرس السابع ...التعامل مع الادوات option box & check box &Frame Empty الدرس السابع ...التعامل مع الادوات option box & check box &Frame

مُساهمة من طرف أحمد مناع الإثنين ديسمبر 05, 2011 10:26 am

بسم الله الرحمن الرحيم

الاخوة الافاضل ...السلام عليكم ورحمة الله وبركاتة ,,,,أما بعد

فى هذا الدرس أن شاء الله تعالى سنتعرف سويا على 3 أدوات جديدتين هما خانة إختيار Check و زر خيار Option و الاطار Frame


أولا : أداة مربع الأختيار (Check Button) تستخدم هذه الاداة إذا كان هناك عدة إختيارات في البرنامج وتريد من المستخدم إختيار مجموعة إختيارات منها.

تعالو نأخذ تطبيق على ذلك ...

قم بتصميم برنامج وضع عليه عدد 1 label وعدد 3 خانة أختيار ...كما فى الصورة التالية :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 887672113

قم بضبط خاصية caption لأداة العنوان label الى "منتدى مصر التقنى "..وأجعل خاصية Alignment الى center ...كما فى الصورة التالية :

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 641572703

قم بتغير خاصية caption لمربعات الاختيار الثلاثة الى "يمين","الاستيل","خط مائل"...وقم أيضا بضبط Alignment الى Right حتى تكون مربعات الاختيار على اليمين ...كما فى الصورة التالية :

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 590465326

نقوم بكتابة الشفرة

نقوم بالضغط دبل كليك على مربع الاختيار رقم 1 و الذى قمنا بتمسية بــــ"خط مائل"...ثم نكتب الشفرة أو الكود التالى :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 677846581

شرح ...بقول للبرنامج عن أختيار مربع الاختيار رقم 1 بالضغط عليه أجعل خاصية FontItalic للاداة label1 تساوى True أى أعمل أداة العنوان بالخط المائل



[size=16]نقوم بالضغط دبل كليك على مربع الاختيار رقم 2 و الذى قمنا بتمسية بــــ"الاستايل "...ثم نكتب الشفرة أو الكود التالى :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 355636224

شرح ...بقول للبرنامج عن أختيار مربع الاختيار رقم 2 بالضغط عليه أجعل خاصية BorderStyle للاداة label1 تساوى 1


نقوم بالضغط دبل كليك على مربع الاختيار رقم 3 و الذى قمنا بتمسية بــــ"يمين "...ثم نكتب الشفرة أو الكود التالى :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 120750972

شرح ...بقول للبرنامج عن أختيار مربع الاختيار رقم 3 بالضغط عليه أجعل خاصية Alignment للاداة label1 تساوى 1 أى أجعل الخط تجاة اليمين ...

وقد يتسائل أحد القراء عن الارقام التى كتبتها فى الكود من أين أتيت بها ؟

الجواب يا عزيزى هو أن لمعظم خصائص الادوات أرقام يمكنك التعبير عنها فى صحفة الكود بدلا من كتابة الخاصية نفسها ....فمثلا الخاصية Alignment تأخذ القيمة 0 لعرض النص تجاة الشمال ,1 لتجاة اليمين , 2 لجعل النص فى المنتصف ...فيتم التعويض بهذه الارقام فى صفحة الكود بدلا left ,right ,center ...ويمكن ملاحظة أى قيمة رقمية لاى خاصية من صندوق الادوات كما فى الصورة التالية :


الدرس السابع ...التعامل مع الادوات option box & check box &Frame 681999620



الدرس السابع ...التعامل مع الادوات option box & check box &Frame 166355800



الدرس السابع ...التعامل مع الادوات option box & check box &Frame 889993480




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


الدرس السابع ...التعامل مع الادوات option box & check box &Frame 733288708

وعندما تختار خانة الاختيار"يمين"...ستجد النص جهة اليمين
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 124202196

وعندما نختار خانة الاختيار "الاستيل".....ستجد أن الاستيل تغير الى ثلاثى الابعاد
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 561032038

وعندما تختار خانة الاختيار "خط مائل"....ستجد أن الخط اصبح مائل
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 141633706

بل نستطيع أن نختار جميع الخيارات المتاحة كما فى الصورة التالية :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 236303783







عدل سابقا من قبل أحمد مناع في الثلاثاء ديسمبر 06, 2011 8:22 am عدل 1 مرات

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 1108
النقاط : 202034
التقيم : 144
الدولة : مصر
الجنس : ذكر

https://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع ...التعامل مع الادوات option box & check box &Frame Empty رد: الدرس السابع ...التعامل مع الادوات option box & check box &Frame

مُساهمة من طرف أحمد مناع الإثنين ديسمبر 05, 2011 1:18 pm

ثانيا :أداة الخيار(Option Button) تستخدم هذه الاداة إذا كان هناك عدة خيارات في برنامج وتريد من المستخدم إختيار خيار واحد فقط منها.

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 866901547

ربما تقول إنه لافرق بين هاتين الأداتين إلا بالشكل ولاكن هذا الفرق بينهما :

مثلاً لو كان لديك فورم ووضعت فيه أكثر من خانة إختيار Check فإنك تستطيع أن تحدد
كافة الخانات الموجودةعلى الفورم مع بعضها.أما لوكان لديك أكرثر من زر خيار Option فلن تستطيع سوى أن تحدد واحداً منها . وهذا هو الفرق بين زر الخيار وخانة الإختيار



مثال توضيحى .

قم بتصميم برنامج مكون من 3 زر خيار و أداة نص ثم أضبط خصائصهم كما فى الشكل التالى :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 416950492

نقوم بكتابة الكود التالى تحت زر الخيار "يمين"
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 595062574

نقوم بكتابة الكود التالى تحت زر الخيار "وسط"

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 670844482
نقوم بكتابة الكود التالى تحت زر الخيار "شمال"

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 644029113

قم بتشغيل البرنامج ....ماذا تلاحظ ؟

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 848659186


ستلاحظ أنك لو أخترت اليمين فلن تستطيع أخيار كلا من الشمال أو الوسط ...و لو أنك أخترت الشمال ستجد أنك غير قادر على أختيار كلا من الوسط و اليمين .....أذن أنت تجبر المستخدم لا ختيار خيار واحد فقط وليس خيار متعدد كما فى chek box

ثالثا :أداة البرواز أو الفرام (Frame) تستخدم كحاويه للأداوت الأخرى و تستخدم أيضا لتزيين البرنامج....كما فى الصورة التالية

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 157814839


لكنها لها أهمية كبير جدا مع أداة option box .......كيف ذلك ؟

نفترض أنك فى المثال السابق أردت أن تضع خيارات أخرى للمستخد غير المحاذاة مثل شكل الاستيل ....كما فى الصورة التالية :
الدرس السابع ...التعامل مع الادوات option box & check box &Frame 498811804

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

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 137790900

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 404714928

الحل .....هو الفيرم farme ....قم بوضع عدد 2 فيرم ...كما فى الشكل التالى :

الدرس السابع ...التعامل مع الادوات option box & check box &Frame 872650162

أذن الفيرم له أهمية كتزين للبرنامج و أيضا وعاء للادوات الاخرى و يفصلها عن النموذج ...أى أنه يصنع نموذج صغير أخر داخل النموذج



فى نهاية الدرس أرجوا أن أكون وفقت فى الشرح ....الى أن نلتقى فى بقية الدروس أن شاء الله تعالى

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 1108
النقاط : 202034
التقيم : 144
الدولة : مصر
الجنس : ذكر

https://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الدرس السابع ...التعامل مع الادوات option box & check box &Frame Empty رد: الدرس السابع ...التعامل مع الادوات option box & check box &Frame

مُساهمة من طرف salamfaraj2002 الأحد أغسطس 02, 2015 7:23 am

استفدت منك شكرا
salamfaraj2002
salamfaraj2002
....
....

تاريخ التسجيل : 18/04/2015
المساهمات : 57
النقاط : 75
التقيم : 0
الدولة : ليبيا
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

ََ

مواضيع ذات صلة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى