تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
الدرس 10- تعرف على أهم ال Controls
#1
[b]كاتب الموضوع : Tarek Aldwire

[/b]السلام عليكم ورحمة الله وبركاته...

في هذا الدرس سوف نقوم بشرح أهم الأدوات الموجودة داخل ال Visual Studio 2008
وهي كالتالي:
TextBox
label
PictureBox
ProgressBar
Numeric UpDown
Masked TextBox
Radio Button
Tool Tip
Web Browser
ComboBox
ListBox

ملاحظة : أن أكثر الخواص التي تملكها هذه الأدوات هي خواص متماثلة حيث تجدها في كل هذه الأدوات ومنها:
Enabled : تتحكم بإن كان الأداة تعمل أم لا
Nane: إسم الأداة
Location : تحديد مكان الأداة
Maximum Size : ومن خلالها تحدد أكبر حجم ممكن
Minimum Size : أصغر حجم ممكن
Dock : تفعيل خاصية Dock في الجهة التي تريد
Cursor : تتحكم بأيقونة الفأرة عند الإقتراب على الأداة

__________________________________________________ __________________

أولا: TextBox
وهو عبارة عن صندوق يكتب به النص المراد إدخاله للبرنامج وأهم خصائصه هي كالتالي:
Text : ومن خلالها يتم تحديد أو جلب ما كتب فيه
Font : ومن خلالها يتم تحديد حجم الخط , نوعه , وحدات قياسه ....
ForeColor : ويتم من خلالها تحديد اللون للخط
BackColor : ويتم من خلالها تحديد لون الخلفية لل TextBox

- مثال على إستخدامه:


كود :
[color=#0000BB]textBox1[/color][color=#007700].[/color][color=#0000BB]Text [/color][color=#007700]= [/color][color=#DD0000]"i love text boxes"[/color][COLOR=#007700];
[/COLOR][color=#0000BB]textBox1[/color][color=#007700].[/color][color=#0000BB]ForeColor [/color][color=#007700]= [/color][color=#0000BB]Color[/color][color=#007700].[/color][color=#0000BB]Red[/color][COLOR=#007700];
[/COLOR][color=#0000BB]textBox1[/color][color=#007700].[/color][color=#0000BB]BackColor [/color][color=#007700]= [/color][color=#0000BB]Color[/color][color=#007700].[/color][color=#0000BB]Yellow[/color][COLOR=#007700];


[/COLOR]
(( بعدتجربت هذا الكود سوف تؤلمك عيونك بسبب الألون التي أجدها مزعحة بالنسبة لي ))

2- label
وهي صندوق للكتابة أيضا ولكن لا يمكن للمستخدم الكتابة بها حيث يقتصر إستخدامها عليم فقط.
وخواصها هي نس خواص ال TextBox

3- PictureBox

وهي أداة يتم من خلالها عرض الصور أهم خواصها:
Image ومن خلالها تحدد الصورة التي تود عرضها به

مثال على إستخدامها:



كود :
pictureBox1[/color][color=#007700].[/color][color=#0000BB]Image [/color][color=#007700]= [/color][color=#0000BB]Image[/color][color=#007700].[/color][color=#0000BB]FromFile[/color][color=#007700]([/color][color=#DD0000]"your image url"[/color][COLOR=#007700]);



4-Progress Bar
وهي أداة تستخدم لإظهار مقدار تقدم ما مثل التنصيب... وأهم خواصها:
Value وهي من خلالها يتم تحديد قيمت المنجز من الشيئ
Maximum ومن هنا يتم تحديد أقصى فيمة لها ((( وإذا كانت ال Value = ال Maximum فإنها سوف تكون كلها باللون الأخضر ))

Minimum : تحديد أصغر قيمة له

Styel : تحديد نوع ال Progress Bar..
MarqueeAnimationSpeed ومن خلالها يتم تحديد سرعة ال ProgressBar إذا تم إختيار ال Styel كـ Marquee

مثال على إستخدامها:



كود :
[color=#0000BB]progressBar1[/color][color=#007700].[/color][color=#0000BB]Maximum [/color][color=#007700]= [/color][color=#0000BB]500[/color][COLOR=#007700];
            [/COLOR][color=#0000BB]progressBar1[/color][color=#007700].[/color][color=#0000BB]Minimum [/color][color=#007700]= [/color][color=#0000BB]0[/color][COLOR=#007700];
            [/COLOR][color=#0000BB]progressBar1[/color][color=#007700].[/color][color=#0000BB]Value [/color][color=#007700]= [/color][color=#0000BB]250[/color][COLOR=#007700];


[/COLOR]
مثال اخر بفرض أننا نريد تحديد ال Styel كـ Marquee



كود :
progressBar1[/color][color=#007700].[/color][color=#0000BB]MarqueeAnimationSpeed [/color][color=#007700]= [/color][color=#0000BB]50[/color][COLOR=#007700];
            [/COLOR][color=#0000BB]progressBar1[/color][color=#007700].[/color][color=#0000BB]Style [/color][color=#007700]= [/color][color=#0000BB]ProgressBarStyle[/color][color=#007700].[/color][color=#0000BB]Marquee[/color][COLOR=#007700];



5- Numeric UpDown
وتستخدم هذه الأداة لكتابة الأرقام فقط مثلا العمر.. وأهم خصائصها:
Value وهي كالقيمة Text بالنسبة لل TextBox ولكنها لا تقبل إلا الأرقام
مثال على إستحدامها:


كود :
numericUpDown1[/color][color=#007700].[/color][color=#0000BB]Value [/color][color=#007700]= [/color][color=#0000BB]50[/color][COLOR=#007700];
            [/COLOR][color=#0000BB]MessageBox[/color][color=#007700].[/color][color=#0000BB]Show[/color][color=#007700]([/color][color=#0000BB]numericUpDown1[/color][color=#007700].[/color][color=#0000BB]Value[/color][color=#007700].[/color][color=#0000BB]ToString[/color][COLOR=#007700]());



6- Masked TextBox
ويستخدم لكتابة شيئ محدد مثل التاريخ, رقم الهاتف وميزته أنه يمكنه رسم التفاصيل التي تود أن يدخلها المستخدم كما تشاء وأهم خواصه:

Mask وهي من خلالها يتم تحديد ال Mask حيث أكتب أصفارا مكان الرموز المراد إدخالها ورمز خاص أين ما تشاء مثل 0000 00 00

مثال على إستخدامها:
سوف أجعله يرسم بشكل مناسب لإدخال التاريخ:


كود :
maskedTextBox1[/color][color=#007700].[/color][color=#0000BB]Mask [/color][color=#007700]= [/color][color=#DD0000]"0000 00 00"[/color][COLOR=#007700];



7- Radio Button
وهي أداة تستخدم للإختيار المتعدد ولذلك لا يمكنك إستخدام واحدة منها فقط بل يجب أن يكون على الأقل 2 أهم خواصها:

Checked وهي التي بحدد إن كانت الأداة محددة أم لا
AutoCheck وتعني أنه عندما يتم النقر على ال RadioButton يتم تحديدها وأنصحك أن تجعلها true لأنه إذا سويتها false سوف يصبح التعامل معها صعب...

مثال على إستخدامها (( ضع إثنين Radio Button على ال Form واكتب )):



كود :
[color=#007700]if ([/color][color=#0000BB]radioButton1[/color][color=#007700].[/color][color=#0000BB]Checked [/color][color=#007700]== [/color][color=#0000BB]true[/color][COLOR=#007700])
            {
                [/COLOR][color=#0000BB]MessageBox[/color][color=#007700].[/color][color=#0000BB]Show[/color][color=#007700]([/color][color=#DD0000]"The Selected Radio Button Is Radio Button1"[/color][COLOR=#007700]);
            }
            else if ([/COLOR][color=#0000BB]radioButton2[/color][color=#007700].[/color][color=#0000BB]Checked [/color][color=#007700]== [/color][color=#0000BB]true[/color][COLOR=#007700])
            {
                [/COLOR][color=#0000BB]MessageBox[/color][color=#007700].[/color][color=#0000BB]Show[/color][color=#007700]([/color][color=#DD0000]"The Selected Radio Button Is Radio Button2"[/color][COLOR=#007700]);
            }
            else
            {
                [/COLOR][color=#0000BB]MessageBox[/color][color=#007700].[/color][color=#0000BB]Show[/color][color=#007700]([/color][color=#DD0000]"Please Select A Radio Button!"[/color][COLOR=#007700]);
            }


[/COLOR]
8- ToolTip
وهي أداة تستخدم لإظهار التلميحات عن أداة معينة وأهم خوصها:
IsBallon : وهنا تحدد هل هي على شكل بالون
ToolTipIcon: أيقونة التلميح (( خطا , معلومة , تحذير ... ))
ToolTipTitle : عنوان التلميح
Reshow Delay : ومن خلالها تحدد بعد بكم تظهر الرسالة من وقوف الفأرة فوق الاداة...

مثال على إستخدامها:
ضع بوتون على الفورم بعد إضافة الأداة ToolTip وذهب إلى خاصية ToolTip on toolTip1
واكتب التلميح الذي تريد ويمكنك إنجاز ذلك برمجيا كالتالي:


كود :
[color=#0000BB]toolTip1[/color][color=#007700].[/color][color=#0000BB]SetToolTip[/color][color=#007700]([/color][color=#0000BB]button1[/color][color=#007700], [/color][color=#DD0000]"my button is beatuful"[/color][COLOR=#007700]);


[/COLOR]
9- WebBrowser
وهي أداة لتصفح الإنترنت وهي بسيطة جدا من ناحية التعامل أهم خصائصها:
url ومن خلاله يتم الإستعلام حول الurl المتصفح الان..

مثال على إستخدامه...


كود :
webBrowser1[/color][color=#007700].[/color][color=#0000BB]Navigate[/color][color=#007700]([/color][color=#DD0000]"http://www.google.com"[/color][COLOR=#007700]);



10 - ComboBox
وهو صندوق يتم به إضافة عناصر للإظهار أو الإدخال تكون عناصره كمصفوفة وأهم خواصه:
Items وهي التي من خلالها يتم تحديد عناصره ( أكتب في كل سطر عنصر )

أو برمجيا:


كود :
[color=#0000BB]comboBox1[/color][color=#007700].[/color][color=#0000BB]Items[/color][color=#007700].[/color][color=#0000BB]Add[/color][color=#007700]([/color][color=#DD0000]"MyItem"[/color][COLOR=#007700]);


[/COLOR]
مثال على إستخدامه:
أولا جلب العناصر:


كود :
[color=#007700]foreach ([/color][color=#0000BB]string x in listBox1[/color][color=#007700].[/color][color=#0000BB]Items[/color][COLOR=#007700])
            {
                [/COLOR][color=#0000BB]MessageBox[/color][color=#007700].[/color][color=#0000BB]Show[/color][color=#007700]([/color][color=#0000BB]x[/color][COLOR=#007700]);
            }


[/COLOR]
ثانيا إضافة عنصر:


كود :
[color=#0000BB]comboBox1[/color][color=#007700].[/color][color=#0000BB]Items[/color][color=#007700].[/color][color=#0000BB]Add[/color][color=#007700]([/color][color=#DD0000]"MyItem"[/color][COLOR=#007700]);


[/COLOR]
ثالثا : معرقة ما هو العنصر المحدد:


كود :
MessageBox[/color][color=#007700].[/color][color=#0000BB]Show[/color][color=#007700]([/color][color=#0000BB]listBox1[/color][color=#007700].[/color][color=#0000BB]SelectedItem[/color][color=#007700].[/color][color=#0000BB]ToString[/color][COLOR=#007700]());



رابعا : تحديد عنصر ما حسب الترتيب:


كود :
[color=#0000BB]listBox1[/color][color=#007700].[/color][color=#0000BB]SelectedIndex [/color][color=#007700]= [/color][color=#0000BB]2[/color][COLOR=#007700];


[/COLOR]
حيث سوف يتم في هذا الكود تعيين العنصر الثالث

خامسا : تحديد العنصر حسب المكتوب به:


كود :
listBox1[/color][color=#007700].[/color][color=#0000BB]SelectedItem [/color][color=#007700]= [/color][color=#DD0000]"td"[/color][COLOR=#007700];



11- ListBox
وهي أداة مماثلة تماما لل ComboBox والفرق الوحيد بينهما هو طريقة العرض



أرجو أن أكون قد أفدتكم في هذا الدرس...
وإلى اللقاء في الدرس القادم إن شاء الله...
}}}
تم الشكر بواسطة:



التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم