Ch3 ar

30
( التحكم أدواتControls ) بنهاية تد ريسفصل هذا ال يكونلطالب ا قادر ا على أن: يتعرف نافذةائص الخص( Properties Window ) . ائص يضبط خص( Properties ) التحكم أدوات( Controls ) . لخاصية يختر ا( Property ) لمناسبة. الخاصيةلمناسبة لختر القيمة ا ي( Property ) . ( ائصفرق بين خص يProperties ( التحكم أدوات) Controls .)

Transcript of Ch3 ar

( 93 )

الثالثالفصل دوات التحكمأ

Controls

Seven Microsoft Corporation

[Pick the date]

(Controlsأدوات التحكم )

أن: ا علىقادر الطالب يكونهذا الفصل ريس تدبنهاية

.(Properties Window) الخصائص نافذةيتعرف

.(Controls) أدوات التحكم (Properties) يضبط خصائص

المناسبة. (Property) يختر الخاصية

.(Property) يختر القيمة المناسبة للخاصية

(.Controls( أدوات التحكم )Propertiesيفرق بين خصائص )

( 04 )

الثالثالفصل دوات التحكمأ

Controls

(.Textمثل )الخاصية ( Properties)العمود األيسر يوجد به الخصائص -1 (.Form1)مثل العمود األيمن يوجد به قيمة الخاصية -2

:(1-3بشكل )كما هو موضح (Formللنموذج ) (Properties) هناك العديد من الخصائص

(Formالنموذج )نافذة خصائص ( 1-9) شكل

هناك خصائص(Properties )مشتركة بين أدوات التحكم (Controls) ( المختلفة مثلText – Name – Forecolor – BackColor – RightToLeft - .)الخ...

هناك خصائص(Properties ) ال يظهر أثرها على أدوات التحكم(Controls) إال بعد ضبط( لدى النموذج RightToLeftLayout( و)RightToLeftأخرى مثل )( Properties)خصائص

(Form.) هناك خصائص (Properites) إذا تم ضبطها لنافذة النموذج (Form) تطبق على أدوات

( و Fontمثل خاصية ) (Form) التي يتم وضعها على هذا النموذج( Controls)التحكم (ForeColor.)

هاكل خاصية لها قيم افتراضية إذا لم يتم ضبط.

Formالنموذج 9-1

( 01 )

الثالثالفصل دوات التحكمأ

Controls

. (SquareArea) جديد تحت اسم( Project)إنشاء مشروع قم ب -1

قم بتغيير قيمة (Form1ومن نافذة خصائص النموذج ) (Form) قم بتنشيط نافذة النموذج -2 :(2-9)بشكل كما هو موضح (frmSquare( إلى )Nameالخاصية )

((Name خاصية ضبط ( 2-9) شكل :(9-9بشكل )كما هو موضح مربع"مساحة "إلى ( Text)قيمة الخاصية و

(Text)( ضبط خاصية 9-9شكل )

(0-9كما هو موضح بشكل ) تصبح نافذة النموذج

قبل ضبط الخاصيتين السابقتين:

بعد ضبط الخاصيتين السابقتين:

( حيث أنها تستخدم Name( فقط وال تظهر قيمة الخاصية )Textتظهر قيمة الخاصية )

عند كتابة الكود.

ةالقيم ةالخاصي

(Text)و Name))قبل وبعد ضبط خاصيتي (Form) النموذج( نافذة 0-9شكل )

( 02 )

الثالثالفصل دوات التحكمأ

Controls

(: frmSquareلضبط خاصية لون الخلفية للنموذج ) .1

( Backcolor( للخاصية )DarkSeaGreen) اختر القيمة :(5-3شكل )بكما هو موضح

(BackColor)ضبط خاصية ( 5-9شكل )

لون خلفية النموذج أخضر غامق مائييصبح

(DarkSeaGreen ) شكل ب كما هو موضح (3-6):

(BackColor ) بعد ضبط خاصية( Form)النموذج نافذة (6-9شكل )

(: frmSquareلضبط خاصية االتجاه للنموذج ) .2

:(7-9شكل )بكما هو موضح ( RightToLeftللخاصية )( Yes) اختر القيمة

لنافذة النموذج ( ظهرت كنص في شريط العنوانTextنجد أن قيمة الخاصية ) -1(frmSquare.) (.Form1)وهو ( واحدة Nameوالخاصية ) (Textالوضع االفتراضي لقيمة الخاصية )-2 (.Form1( بعد أن كان )frmSquareاسم النموذج أصبح ) -3

( 09 )

الثالثالفصل دوات التحكمأ

Controls

(RightToLeft)ضبط خاصية ( 7-9شكل )

من اليمين إلى اليسار لنموذجل اتجاه الكتابةأصبح

:(8-9شكل )بكما هو موضح

(RightToLeft)بعد ضبط خاصية (Form) النموج نافذة (8-9شكل )

(: frmSquareلضبط خاصية تخطيط االتجاه للنموذج ) .3

( RightToLeftLayout( للخاصية )Trueاختر القيمة ) :(3-9) بشكلكما هو موضح

(RightToLeftLayout)ضبط خاصية ( 3-9شكل )

من اليمين النموذج أصبح تخطيط اتجاه

إلى اليسار :(11-3شكل )بكما هو موضح

(RightToLeftLayout ) بعد ضبط خاصية (Form) النموذجنافذة (14-9شكل )

( إال إذا كانت قيمة RightToLeftLayoutال يتم تنشط الخاصية ) (.Yes)( تساوي RightToLeftالخاصية )

( 00 )

الثالثالفصل دوات التحكمأ

Controls

( :frmSquareللنموذج )صندوق التكبير والتصغير إلخفاء .4 ( MaximizeBox,MinimizeBox( للخاصيتين )Falseاختر القيمة )

:(11-9) بشكلكما هو موضح

(MinimizeBox)و (MaximizeBox)ضبط خاصيتي ( 11-9شكل )

النموذجاختفت مفاتيح التكبير والتصغير من على

:(12-9) بشكل كما هو موضح

بعد اخفاء مفتاحي التكبير والتصغير( Form) النموذج نافذة (12-9شكل )

:(frmSquareإلخفاء صندوق التحكم للنموذج ) .5

( ControlBox( للخاصية )Falseاختر القيمة ) :(13-3بشكل)كما هو موضح

(ControlBox)ضبط خاصية ( 19-9شكل )

اختفى صندوق التحكم من على النموذج :(10-9شكل )ب كما هو موضح

التحكم صندوقبعد اخفاء (Form) النموذج نافذة (10-9شكل )

الحظ عدم وجود

تاح مفتاح التكبير ومف

التصغير

( 05 )

الثالثالفصل دوات التحكمأ

Controls

:(frmSquareإلخفاء حدود نافذة النموذج ) .6

( FormBorderStyle( للخاصية )Noneاختر القيمة ) :(15-3بشكل)كما هو موضح

(FormBorderStyle)ضبط خاصية ( 15-9شكل )

نافذة النموذج بدون حدود فأصبحت :(16-3بشكل) كما هو موضح

بعد اخفاء الحدود( Form)النموذج نافذة (16-9شكل )( Sizable( إلى القيمة )FormBorderStyleبمعاونة معلمك قم بإعادة ضبط الخاصية )

مفاتيح التكبير والتصغير وصندوق التحكم.وأظهر

أدوات القياسيشريط في (Start Debugging)ايقونة ( 17-9شكل )

الحظ اختفاء

شريط العنوان

وحدود النافذة

( الخاصيةFormBorderStyle( لها العديد من القيم منها )Sizable تعني أنه من الممكن التحكم ) ( من خالل حدودها.Formذج )في حجم نافذة النمو

( في الخصائصProperties السابقة عند ضبط ) خاصيةأي (Property) يظهر أثرها على منها ( فورا .Formنافذة النموذج )

هناك خصائص (Properties) ( ال يظهر أثرها على نافذة النموذجForm أو أدوات التحكم )(Controlsإال في وضع اختبار البرنامج ويسمي ) (Start Debugging.أو عند تشغيل البرنامج ) ( يمكنك عملStart Debugging( عن طريق النقر على أيقونة )Start Debugging ) في شريط

:(11-3ضح بشكل )كما هو مو ( Standardأدوات قياسي )

( 06 )

الثالثالفصل دوات التحكمأ

Controls

(.11-3شكل )كما هو موضح ب( Start Debuggingالنقر على أيقونة ) وبعد ( قبلIDEواجهة )

Start Debuggingانقر على أيقونة

وضع التصميم ووضع التشغيل في (Form) النموذجنافذة شكل ( 18-9شكل )

أثناء التشغيل.(Form)الحظ ظهور نافذة النموذج

في وضع التصميم (Form) الحظ نافذة النموذج

(Stop Debugging( عن طريق استخدام أيقونة )Debuggingيتم أيقاف وضع )(.11-3شكل)ب كما هو موضح

( 07 )

الثالثالفصل دوات التحكمأ

Controls

الشاشة. لءم (Form) أصبحت نافذة النموذج .1 (.Start Debugging( ال يظهر إال بعد عمل )WindowStateأثر الخاصية ) .2

شريط األدوات القياسي في Stop Debugging))ايقونة ( 13-9شكل )في شريط المهام وموضع البدء للنموذج ( Form))إظهار أو إخفاء( أيقونة نافذة النموذج تيياصخلضبط .1

(frmSquare تم )( اختيارfalse )& (CenterScreen )(21-3) بشكل موضح كما هو:

(StartPosition)و (ShowIntaskbar)ضبط خاصيتي ( 24-9شكل )

(.Start Debuggingلعمل ) F5على مفتاح بالضغطقم

( :WindowStateالنموذج )لضبط خاصية حالة نافذة .1

:(21-9) بشكلكما هو موضح ( Maximized اختر القيمة )

(WindowState)ضبط خاصية ( 21-9شكل )

(.Start Debuggingلعمل ) Debugمن قائمة (Start Debuggingقم باختيار )

في منتصف الشاشة وعدم ظهور أيقونة نافذة النموذج (Form) ظهور نافذة النموذج .1(Form) .في شريط المهام Startيظهر إال بعد عمل ) ( الStartPosition)& ( ShowInTaskbarأثر كل من) .2

Debugging.)

( 08 )

الثالثالفصل دوات التحكمأ

Controls

كما ( Form)لنافذة النموذج ( Properties)مما سبق يتضح لنا أن هناك العديد من الخصائص

:(1-9بجدول ) هو موضح الوظيفة الخاصية م1 Name االسم الذي يشير للنموذج(Form) .المستخدم في الكود 2 Text النص الظاهر على شريط العنوان للنموذج (Form). 3 FormBorderStyle ( شكل حدود نافذة النموذجForm.) 4 BackColor اللون الخلفي( لنافذة النموذجForm.) 5 WindowState تحدد حجم النافذة على الشاشة سواء في وضع تكبير أو

تصغير أو عادي.6 ControlBox .تتحكم في ظهور أو إخفاء صندوق التحكم للنافذة 1 MinimizeBox .تتحكم في ظهور أو إخفاء صندوق التصغير 1 MaximizeBox صندوق التكبير.تتحكم في ظهور أو إخفاء 1 ShowInTaskbar تتحكم في ظهور أو إخفاء أيقونة نافذة النموذج(Form) على

(.Task Barشريط المهام )11 StartPosition تحدد مكان نافذة النموذج(Form) .على الشاشة 11 RightToLeftLayout تحدد إذا ما كان تخطيط أدوات التحكم (Controls) ذة على ناف

.من اليمين إلى اليسار (Form)النموذج 12 RightToLeft أدوات التحكم اتجاهتحدد إذا ما كان (Controls) من اليمين

(.TextBoxالكتابة لصندوق النص ) اتجاهإلي اليسار مثل (Form)النموذج نافذة خصائص ( 1-9) جدول

( 03 )

الثالثالفصل دوات التحكمأ

Controls

والذي من خالله (Form) التي يمكن رسمها على نافذة النموذج (Controls)هو أحد أدوات التحكم

يستطيع مستخدم البرنامج النقر علية لتنفيذ مهمة معينة. (Form) جديد وقم بإعداد نافذة النموذج (Project) قم بإنشاء مشروع

:(22-9)بشكل موضح كما هو

(Form)نموذج النافذة ( 22-9شكل )

: وضع التصميم وذلك بالنقر المزدوج في (Form) على نافذة النموذج (Button) ضع زر امر -1

:(23-3بشكل )كما هو موضح (Toolbox) ( من صندوق األدواتButtonعلى أداة التحكم )

شريط األدوات في Button))زر األمر( 29-9شكل )

( Form)على نافذة النموذج (Button)يظهر الزر :(20-9) بشكلكما هو موضح

(Form) على نافذة النموذج رسمهبعد Button))شكل زر األمر ( 20-9شكل )

Buttonزر األمر 3-2

انقر نقرا مزدوجا.

( 54 )

الثالثالفصل دوات التحكمأ

Controls

وذلك (Form) على النموذج (Controls) سوف نقوم بضبط موقع أدوات التحكم( من Sizeبضبط الخاصية )وذلك (Control) أداة التحكم ( و حجمLocationبضبط الخاصية )

في صندوق الخصائص (Properties) خالل استخدام الفأرة بما يؤثر على قيم الخصائص(Properties).

: عليهبالنقر وذلك( Button1) زر األمرقم بتنشيط -2

(Form) واسحب إلي منتصف النموذج (Button) األمر زرقم بتوجيه مؤشر الفأرة إلى منتصف -3 :(26-3وشكل ) (25-3) بشكلكما هو موضح

( قبل النقر والسحبButton) زر األمرموقع ( 22-3شكل )

التي تحدد( Location ) الحظ قيم خاصية

.(Form) موضع األداة على نافذة النموذج

( ظهور ثمان مربعات على حدود وأركان الزرButton )

( وهذا يعني إمكانية تغيير حجم الزرButton( على نافذة النموذج )Form باستخدام عملية )الت بمؤشر الفأرة من خالل المربعات الثمانية، ايضا يمكن تغيير موضع الزر السحب واإلف

(Button باستخدام عملية السحب واإلفالت عند الوقوف على الزر بمؤشر الفأرة وتغير شكله ) لشكل رباعي الرؤوس.

( 51 )

الثالثالفصل دوات التحكمأ

Controls

( بعد النقر والسحبButton) األمر موقع زر( 26-9شكل )

ثم قم ( Buttonزر األمر )قم بتوجيه مؤشر الفأرة إلى أحد مربعات التحجيم المحيطة بأداة التحكم -4 (21-3و شكل ) (21-3) هو موضح بشكل كما السحب و اإلفالت متجها إلى الخارج بعملية

التحجيمقبل نقر وسحب أحد مقابض ( Button) زر األمرحجم ( 27-9شكل )

( بعد النقر والسحبButton) زر األمرحجم ( 28-9شكل )

أداة التحكمالتي تحدد حجم (Size ) الحظ قيم خاصية

قبل عمل التحجيم. (Form) على نافذة النموذج

على أداة التحكمالتي تحدد حجم (Size)الحظ قيم خاصية

بعد عمل التحجيم. (Form) نافذة النموذج

التي (Location)الحظ تغير قيمة الخاصية

التحكم على نافذة ةتحدد الموضع الجديد ألدا

.(Form) النموذج

مربعات التحجيم

( 52 )

الثالثالفصل دوات التحكمأ

Controls

( Button1بمعاونة معلمك قم بضبط الخصائص األتية للزر ) -5

:(21-3) بشكلكما هو موضح

(Button ) األمر لزر ( ForeColor)و (font )و (Backcolor)ضبط الخصائص ( 23-9شكل )

السابقة أصبح ( Properties)بعد ضبط الخصائص والنص الظاهر على الزر هو أصفرلون الخلفية

شكل وتم اختيار أزرقواللون األمامي "أحسب" الظاهر على أداة التحكم للنصوحجم :(94-9) بشكل هو موضحكما

(Propertiesه )بعد تغيير خصائص (Button) زر األمرشكل ( 94-9شكل )

األمر ألداة التحكم زر ( Properties) مما سبق يتضح لنا أن هناك العديد من الخصائص

(Button) (2-3) بجدول كما هو موضح: الوظيفة الخاصية م1 Text عبارة عن النص الظاهر على الزر(Button). 2 ForeColor اللون األمامي للنص الظاهر على الزرعن عبارة (Button) لون(

الخط(.3 BackColor عبارة عن اللون الخلفي للزر (Button) .)لون الخلفية( 4 Font عبارة )شكل وحجم وتأثير( خط النص الظاهر على الزر(Button).

( 59 )

الثالثالفصل دوات التحكمأ

Controls

5 Location عبارة عن موقع الزر (Button) على نافذة النموذج (Form). 6 Size عبارة عن ارتفاع وعرض الزر (Button) على نافذة النموذج

(Form). (Button) زر األمر (Properties) خصائصبعض ( 2-9) جدول

التي تستخدم في إعطاء عنوان يسهل على مستخدم البرنامج ( Controls)هي من أدوات التحكم من قبل المستخدم أثناء تشغيل البرنامج.بالكتابة فيه فهم محتوى النافذة وال يمكن تغييرة

( label1في النموذج السابق ضع أداة التحكم عنوان) -1

:( 3-3بجدول )كما بمعاونة معلمك (Properties)ثم قم بضبط خصائصها -2

القيمة الخاصيةName lblResult

Text ":النتيجة" ForeColor

اختر لونا يناسبك.

BackColor .اختر لونا يناسبك Font اختر حجم وتأثير ونوع الخط الذي

يناسبك.AutoSize False

BorderStyle FixedSingle

(Label)أداة العنوان ( Properties) بعض خصائص ( 9-9) جدول

Labelالعنوان 3-3

( 50 )

الثالثالفصل دوات التحكمأ

Controls

مربعات التحجيم بحيث تصبح ( بالنقر والسحب على أحدlabe1lقم بتغيير حجم أداة التحكم ) -3

:(31-3) بشكلكما هو موضح

(Label) تغيير حجم أداة العنوان( 91-9شكل )

ألداة تحكم العنوان( Properties)مما سبق يتضح لنا أن هناك العديد من الخصائص (Label) (4-3)بجدول كما هو موضح:

الوظيفة الخاصية م1 AutoSize العنوان أداة تحكمتحدد إذا ما كان حجم (Label) دد تلقائيا حسب النص يتح

.أم ال عليهالمكتوب 2 BorderStyle العنوان أداة تحكمتحدد شكل حدود (Label).

(Label)أداة العنوان (Properties) خصائص( 0-9) جدول

عندما تكون قيمة الخاصية(AutoSize) ( تساويFalse) التحكم تغيير حجم أداة من كنٌتم(Label) .يدويا

عند تغيير قيمة الخاصية(AutoSize) إلى(True) أداة التحكميتحدد حجم (Label) حسب النص الظاهر عليها.

– Name- Text- Fontخصائص مثل ) من الأخرى لها مجموعة (Label) أداة التحكمForeColor – BackColor – Visible – Size – Location – RightToLeft - Image )

يتم التعامل معها كما تعلمنا سابقا.

( 55 )

الثالثالفصل دوات التحكمأ

Controls

مدخالت مستخدم البرنامج النصية. استقبالفي ( TextBox)يستخدم صندوق الكتابة

:(32-3بشكل )كما هو ( Form) جديد بحيث تكون نافذة النموذج (Project) قم بإنشاء مشروع -1

المطلوب تصميمه (Form) النموذجنافذة ( 92-9شكل )

( الذي يكتب TextBox1للصندوق ) 31قم بضبط خاصية الحد األقصى لطول النص إلى القيمة -2 : كما يلي حرف 31" حتى ال يتمكن المستخدم من إدخال أكثر من االسمفيه "

القيمة الخاصيةMaxLength 03

( الذي يكتب فيه "كلمة TextBox2للصندوق ) (*)قم بضبط خاصية حرف المرور إلى القيمة -3 :كما يلي (*)المرور" حتى تظهر مدخالت المستخدم على شكل

القيمة الخاصيةPasswordChar *

TextBox1

TextBox2

TextBox3

أدوات تحكم العنوان

(Label)

أداة تحكم عنوان

(Label)

أداة تحكم زر أمر

(Button)

TextBoxصندوق الكتابة 3-4

( 56 )

الثالثالفصل دوات التحكمأ

Controls

( الذي يكتب فيه TextBox3( للصندوق )Trueقم بضبط خاصية تعدد األسطر إلى القيمة ) -4 :كما يلي"المالحظات" حتى يتمكن المستخدم من الكتابة داخل الصندوق على عدة أسطر

القيمة الخاصيةMultiLine True

دخال البيانات ( Form)بحيث تظهر نافذة النموذج كما هو موضح المستخدمبواسطة عند التشغيل وا :(33-3بشكل )

بعد كتابة البيانات المطلوبة (Form) نافذة النموذج( 99-9شكل )

( يتميز ببعض الخصائص TextBoxمما سبق يتضح أن أداة تحكم صندوق النص )(Properties )) (5-3بجدول) كما هو موضح:

الوظيفة الخاصية م1 MaxLength تحدد الحد األقصى لعدد الحرف التي يمكن كتابتها داخل

.(TextBox) صندوق النص2 PasswordChar تمكن من تحديد رمز يستخدم في الظهور بدال من النص

المكتوب في حالة إذا ما أردنا عمل كلمة مرور مثال.0 MultiLine صندوق النص أداة التحكمتحدد إذا ما كانت (TextBox) تتيح

إمكانية تعدد األسطر. (TextBox)أداة صندوق الكتابة ( Properties)بعض خصائص ( 5-9) جدول

حرف94عدد األحرف اقل من

استبدلت األحرف بعالمة *

الكتابة على عدة أسطر

( 57 )

الثالثالفصل دوات التحكمأ

Controls

– Name - Text- Fontلها مجموعة أخرى من الخصائص مثل ) ( TextBox)أداة التحكم ForeColor – Visible – Size – Location – RightToLeft –Enabled يتم التعامل معها كما )

تعلمنا سابقا

.تستخدم في عرض قائمة عناصر

بها زر أمر (Form)جديد بحيث تكون نافذة النموذج (Project) قم بإنشاء مشروع قما سببناء على -1(Button) صندوق قائمة و(ListBox ) (90-9) بشكل كما هو موضح:

(ListBox)بعد ادراج أداة صندوق القائمة ( Form)نافذة النموذج ( 90-9شكل )

:(6-3بجدول ) هو موضح كما ليصبح (ListBox1)قم بضبط خصائص صندوق القائمة -2

القيمة الخاصية

Items

عمرو رامي

ياسمين سمر

SelectionMode MultiExtended Sorted True

(ListBox)صندوق القائمة ( Properties)ضبط خصائص ( 6-9) جدول

ListBoxصندوق القائمة 3-2

( 58 )

الثالثالفصل دوات التحكمأ

Controls

:(35-3بشكل)كما يظهر لنا الصندوق (Items)عند ضبط خاصية

(ListBox) الخاصة بصندوق القائمة (Items)كتابة عناصر ( 95-9شكل )

:(36-3بشكل )موضح كما هو عند التشغيل ( Form)بحيث تظهر نافذة النموذج

(Project) اثناء تشغيل المشروع ( ListBox) صندوق القائمة( 96-9شكل )

ألداة التحكم صندوق القائمة (Properties) أن هناك العديد من الخصائصمما سبق يتضح لنا (ListBox )(1-3بجدول ) كما هو موضح:

الوظيفة الخاصية م1 Items عبارة عن مجموعة العناصر التي تعرض على صندوق

.(ListBox) القائمة

2 Sorted .تحدد إذا ما كان العناصر مرتبة أو ال 0 SelectionMode تحدد إذا ما كان من الممكن اختيار عنصر واحد أو أكثر

.(ListBox) من العناصر المعروضة على صندوق القائمة

(ListBox)أداة صندوق القائمة (Properties) بعض خصائص( 7-9) جدول

الحظ تم كتابة كل عنصر من عناصر

في سطر ( ListBox)القائمة

مستقل

تم ترتيب األسماء أبجديا

رأمكنك تحديد أكثر من عنص

( 53 )

الثالثالفصل دوات التحكمأ

Controls

– Name – Visible – Size( لها مجموعة أخرى من الخصائص مثل )ListBoxأداة التحكم )Location – RightToLeft – ForeColor – Font - BorderStyle التعامل معها كما ( يتم

تعلمنا سابقا.

عبارة عن صندوق به قائمة عناصر تنسدل الختيار احداها .

عدد أثنين أداة تحكم بها( Form) جديد بحيث تكون نافذة النموذج (Project) قم بإنشاء مشروع -1 :(97-9) بشكلكما هو موضح (ComboBox) وأداة تحكم صندوق تحرير وسرد( Label)عنوان

(ComboBox)صندوق التحرير والسرد ( 97-9شكل )

ComboBox1

ComboBoxصندوق التحرير والسرد 3-6

( 64 )

الثالثالفصل دوات التحكمأ

Controls

معلمك كما بمعاونة (ComboBox1)صندوق التحرير والسرد (Properties) قم بضبط خصائص -2 :(1-3بجدول )

القيمة الخاصية

Items

تونس اليبي الصومال اريتريا جيبوتي السودان مصر""موريتانيا المغرب الجزائر

بحيث يكون اسم كل بلد في سطر مستقل AutoCompleteMode Suggest AutoCompleteSource ListItems

(ListBox)أداة صندوق القائمة ( Properties) ضبط خصائص( 8-9) جدول

:(31-3كما هو موضح بشكل )عند التشغيل (Form) النموذجبحيث تظهر نافذة

ناء التشغيلثأ (ComboBox) التحرير والسردأداة صندوق ( 98-9شكل )

ألداة التحكم صندوق التحرير (Properties) مما سبق يتضح لنا أن هناك العديد من الخصائص

:(1-3بجدول ) كما هو موضح (ComboBox) والسرد

(ComboBoxالتحرير والسرد )أداة صندوق ( Properties)بعض خصائص ( 3-9) جدول

الوظيفة الخاصية م1 Items .عبارة عن العناصر الموجودة بالقائمة 2 AutoCompleteSource .عبارة عن مصدر العناصر المقترحة لعملية اإلكمال 0 AutoCompleteMode على أساسه تقترح جزء من عناصر عبارة عن النص الذي

القائمة.

الحظ عند كتابة "ال"

ي تم اقتراح البالد الت

تبدأ ب "ال" من

يةعناصر القائمة الحال

( 61 )

الثالثالفصل دوات التحكمأ

Controls

– Name – Visible( لها مجموعة أخرى من الخصائص مثل )ComboBoxأداة التحكم )Size – Location – RightToLeft – ForeColor – Font - -BorderStyle Items )

يتم التعامل معها كما تعلمنا سابقا.

.(Form) ذات الوظيفة الواحدة على نافذة النموذج (Controls) يستخدم في احتواء أدوات التحكم

(GroupBox) لصندوق المجموعة (Properties) هناك العديد من الخصائصبحيث يصبح ،(11-3بجدول ) مستعينا (GroupBox) قم بمعاونة معلمك بإعداد صندوق مجموعة -1

:(31-3بشكل)كما هو موضح م الخاصية القيمة

Text 1 النوع ForeColor 2 اختر لون األحمر

Yes RightToLeft 0 (GroupBox)أداة صندوق المجموعة ( Properties)ضبط خصائص ( 14-9) جدول

.الخصائصصندوق المجموعة بعد ضبط صندوق المجموعة قبل ضبط الخصائص.

(Properties) خصائصه ضبط وبعد قبل (GroupBox)أداة صندوق المجموعة ( 93-9) شكل

GroupBoxصندوق المجموعة 3-7

( 62 )

الثالثالفصل دوات التحكمأ

Controls

في وضع التصميم ولكن يظهر في وضع ( Properties)ال يظهر أثر بعض الخصائص :(41-3بشكل )كما هو موضح التشغيل

:

.تستخدم إذا ما اردنا أن يختار مستخدم البرنامج بديل واحد من عدة بدائل

.(04-9بشكل )كما هو موضح (Form) جديد بحيث تكون نافذة النموذج( Project)قم بإنشاء مشروع -1

(RadioButton) اختيار بديل واحدأزرار ( 04-9) شكل

بمعاونة معلمك ( RadioButton1) اختيار بديل واحد زر (Properties) خصائصقم بضبط -2

:كما يلي

القيمة الخاصيةChecked True

Name – Visible – Size( له مجموعة أخرى من الخصائص مثل )GroupBoxأداة التحكم ) .1– Location – RightToLeft – ForeColor – Font ) تعلمنا سابقا.يتم التعامل معها كما

( حتى تظهر الصورة في خلفية أداة التحكمBackgroundImageتم استخدام خاصية ) .2 قم بضبطها بمعاونة معلمك. ( GroupBoxصندوق المجموعة )

مجموعة أزرار

(RadioButton)

تم ضبط خاصية

(Text ) كما هو لها

مبين بالشكل

(RadioButton)زر اختيار بديل واحد 3-8

( 69 )

الثالثالفصل دوات التحكمأ

Controls

(RadioButton) حد األزراراختيار ا( 01-9) شكل

(GroupBox) كل مجموعة من (RadioButton)اختيار زر ( 02-9) شكل

اختيار بديل ألداة التحكم زر ( Properties)مما سبق يتضح لنا أن هناك العديد من الخصائص

:(11-3بجدول ) كما هو موضح (RadioButton)واحد

(RadioButton1الحظ زر )

الزر النشط في مجموعة األزرار

تم رسم صندوق المجموعة ثم تم سحب كل

مجموعته( داخل RadioButtonزر)

وذلك في وضع التصميم

أمكنك اختيار زر

(Radiobutton) آخر

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

اإلشكالية نقوم بعمل مجموعتين )مجموعة هذهال تسمح بذلك ولحل (RadioButton) التحكم

تحتوي على النوع واألخرى تحتوى على الدرجة العلمية( وذلك بسحب وإفالت ازرار

(RadioButtons) (.02-9) بشكلكما هو موضح كل واحدة داخل مجموعتها

( 60 )

الثالثالفصل دوات التحكمأ

Controls

( لها مجموعة أخرى من الخصائص مثلRadioButtonأداة التحكم ) (Name – Visible – Size – Location – RightToLeft – ForeColor – Font )

معها كما تعلمنا سابقا.يتم التعامل

(RadioButton) بديل واحد االختيارزر ( Properties)خصائص ( 11-9) جدول

.تستخدم إذا ما اردنا أن يختار مستخدم البرنامج بديل أو أكثر

:(43-3) بشكل كما هو موضح (Form) جديد بحيث تكون نافذة النموذج (Project) قم بإنشاء مشروع

(Checkbox) االختيارصناديق ( 09-9) شكل

الوظيفة الخاصية م

1 Checked تم (RadioButton) اختيار بديل واحد توضح إذا ما كان زر

أم ال. اختياره

2 Text اختيار بديل واحدزر النص الظاهرة على أداة

(RadioButton).

مجموعة صناديق اختيار

تم ضبط خاصية

(Text كما هو مبين )

بالشكل

CheckBoxصندوق االختيار 3-9

( 65 )

الثالثالفصل دوات التحكمأ

Controls

– Name – Visible – Sizeلها مجموعة أخرى من الخصائص مثل )( Checkboxأداة التحكم )

Location – RightToLeft – ForeColor – Font- Checked - Text يتم التعامل معها كما ) تعلمنا سابقا.

:(44-3) بشكل كما هو موضح التشغيلعند (Form) بحيث تظهر نافذة النموذج

(CheckBox) االختيارأزرار ( 00-9) شكل

ر الحظ أمكنك اختيار أكث

من عنصر

( 66 )

الثالثالفصل دوات التحكمأ

Controls

مما يلي:الخطأ عبارةال( أمام Xو عالمة ) أمام العبارة الصحيحة (ضع عالمة ) :أوالا ( ) أخرى. (Properties) غير مؤثرة إال بعد ضبط خصائص( Properties)بعض الخصائص -1 ) ( للعمل به.( Form)نافذة نموذج إضافة يتمجديد ( Project)عند إنشاء مشروع -2 ) ( .ىوأخر (Controlأداة تحكم )مشتركة بين ( Properties)ال توجد خصائص -0 ) ( .(Properties) البد من وجود قيمة ألي خاصية -4 ) ( .(Toolbox) من خالل صندوق األدوات ة تحكمألدا (Properties) يتم تعديل قيمة خاصية -5 ) ( . 81وارتفاعه 131 أداة التحكم تعنى أن عرض 108;98هي sizeقيمة الخاصية -6 ) ( .بديلفي حالة إعطاء المستخدم إمكانية اختيار أكثر من RadioButtonsتستخدم -7 ) ( ((checkbox أداة التحكم فيعنصر أييمكن للمستخدم عدم اختيار -1 : اختر اإلجابة الصحيحة:ثانياا

إلتاحة إمكانية اختيار عنصر واحد وواحد فقط نستخدم أداة التحكم: -1 Checkbox -ب RadioButton -أ ListBox -د GroupBox -ج

أداة التحكم:نختار إلتاحة إمكانية اختيار عنصر أو أكثر -2 Checkbox -ب RadioButton -أ ComboBox -د GroupBox -ج

يمكن اختيار أكثر من عنصر في حالة استخدام -0 ComboBox -ب ListBox -أ RadioButton -د GroupBox -ج

:على Solution Explorer تحتوى نافذة -4 (Controlsأدوات التحكم ) -ب (Properties) الخصائص -أ

كل ما سبق -د المشروعات -ج من لوحة المفاتيح ......يمكن تشغيل المشروع في وضع االختبار بالضغط على مفتاح -5 F4 -ب F2 -أ

F5 -د F8 -ج

( 67 )

الثالثالفصل دوات التحكمأ

Controls

( اآلتية:Form( الموجودة على نافذة النموذج )Controlsكم )حاكتب أسماء أدوات الت :ثالثاا

:رابعاا

( Labelالتي تمكنك من التحكم في حجم أداة التحكم العنوان ) (Property) الخاصية اسم اكتب -1 الفارة. ربمؤش

.الكتابة من اليمين إلى اليسار ةإتجا( التي تجعل Propertyاكتب اسم الخاصية ) -2 .(Start Debugging( ال يظهر أثرهما إال بعد عمل )Propertyخاصيتين )اكتب اسم -0

(Controlأداة التحكم ) م

1 2

0 4 5 6

1

2

3

4

5

6

( 68 )

الثالثالفصل دوات التحكمأ

Controls