Transcript ppsx
بسم هللا الرحمن الرحيم L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef المحاضرة الثالثة سوف نتعرف علي: ماهو المقصود من ” التعامل مع المتحكمات في الـ ” VB؟ أمثلة . الملخص . النموذج Form الالفته Label صندوق النصوص TextBox صندوق المراجع CheckBox أزرار البدائل OptionButtons صندوق القوائم ListBox الصندوق الموحد ComboBox شرائط التمرير ScrollBars ساعة التوقيت Timer Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. المقصود بالتعامل مع الكيانات هو معرفة أهم الخصائص و األحداث و الطرق المصاحبه لها النموذج 1) Form الالفته 2) Label صندوق النصوص 3) TextBox صندوق المراجع 4) CheckBox أزرار البدائل 5) OptionButtons صندوق القوائم 6) ListBox الصندوق الموحد 7) ComboBox شرائط التمرير 8) ScrollBars ساعة التوقيت 9) Timer Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. تسمية الكيانات خاصية االسم وهي Nameفي نافذة الخصائص. يتم التعامل مع الكيان داخل الكود بهذا االسم. نختار اسم الكيان بحيث يبدأ بال prefixالموضح بالجدول ثم كلمة تعبر عن وظيفة هذا الكيان. الحظ أن ال VBال يهتم بكون الحرف كبير أو صغير بمعني أن Frm = frmو ليس كل منهما اسم منفصل. Dr.Basheer M. Nasef مثال بادئة االسم Prefix نوع الكيان FrmPayroll Frm Form LblPrice Lbl Label TxtName Txt TextBox CmdShow Cmd CommandButton Opt OptionButton Lst ListBox Cbo ComboBox Sbr ScrollBar Tmr Timer Pic PictureBox … L3,CSE 101: 2014-2015 © Zag. Univ. مايجب عند وضع االسم الكيانات (1يبدأ بحرف. (2يمكن أن يحتوي علي أرقام و عالمة )_( .underscore (3ال يسمح بأن يحتوي علي مسافة أو عالمات ترقيم. (4أقصي عدد للحروف في االسم هو ( )40حرف. يعطي ال VBاسما غيابيا لكل كيان موجود في البرنامج ولكن يفضل تغييره حسب القواعد المذكوره سابقا. Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. - 1النموذج Form بقية عبارة عن الوعاء الذي يضمالمتحكمات(األدوات)األخري مثل صندوق النص -زر األمر -الالفتات وغيرها. هي التي تشكل واجهة الربط بين المستخدموالبرنامج ،او مايعرف بـ . GUI Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. بعض خصائص النموذج Form properties الخاصية الوظيفة Name االسم الكودي Caption العنوان (يظهر علي شريط العنوان) Width التحكم في حجم النموذج Height Top التحكم في وضع النموذج Left جعل النموذج مرئي أو مختفي Visible ... Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. أحداث النموذج Form Events االجراء المصاحب Event proc. الحدث التعريف Event Load )( Form_Loadعند تحميل النموذج )( Form_Resizeعند تغير حجم النموذج Resize )( Form_Clickعند النقر علي النموذج )( Form_DblClickمرة /مرتين Click / DblClick )( Form_Activateعندما يحتوي البرنامج علي أكثر من نموذج و يثار عندما يصبح النموذج هو النافذه الرئيسية للبرنامج Activate نقوم بكتابة جزء الكود المراد تنفيذه عند اثارة حدث معين داخل االجراء المصاحب لهذا الحدث و الذي يمكن الوصول اليه من نافذة الكود عند النقر مرتين علي أي كيان علي النموذج Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. تغيير وضع النموذج Form position •يمكن تغيير الوضع في وضع التصميم من خالل نافذة الخصائص. • يمكن أيضا تغييره في وضع التشغيل من خالل شفرة اجراء :Subprocedure FrmSalary.Top =1200 FrmSalary.Left = 1500 وحدة قياس األبعاد المستخدمة في ال VBهي التويب: 1440 Twip = 1 inch Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. Form position تغيير وضع النموذج L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef الصورة العامة للتعامل مع خاصية اي كيان من خالل اإلجراء ) ( Code FrmSalary.Top =1500 قيمة الخاصية اسم الخاصية مؤثر النقطة اسم الكيان value property Dot operator Name Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. تغيير وضع النموذج Form position مثال علي تعديل حجم ومكان النموذج أو اي كيان صمم برنامج يقوم بعرض قيمة كال من العرض واألرتفاع (الحجم) والقمة واليسار (المكان) (Width, Height, Top ) and Leftللنموذج وكذلك يقوم بتغير حجمه من خالل زر أمر؟ Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. خطوات حل المثال وضع التصميم L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef – ضبط الخصائص2 )نوع الكائن(األداة Object Type اسم الخاصية Properties Name TextBox Labels Command Button L3,CSE 101: 2014-2015 © Zag. Univ. قيمتها Value Text Name Text Name Text Name Text Caption Caption Caption Caption Name Caption Name Caption txtTop txtLeft txtHeight txtwidth Top Left Height Width CmdExit End CmdRun Run Dr.Basheer M. Nasef – ضبط الخصائص2 بعـــد L3,CSE 101: 2014-2015 © Zag. Univ. قبل Dr.Basheer M. Nasef )– كتابة الكود (الشفرات3 L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef : أخيرا عملية التنفيذ L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef ماذا يحدث عند سحب حواف النموذج باستخدام الفأرة ؟ متي تتغير قيم خاصيتي Topو Left؟ لماذا تمت كتابة شفرات عرض أبعاد وحجم النموذج علي الالفتات داخل )( Form_Resizeو ليس )( Form_Loadمثال ؟ Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. مالذي تعلمناه اليوم حتي االن .1تصميم الواجهة :GUIوضع المتحكمات علي النموذج. .2ضبط خصائص النموذج و المتحكمات (اختيار اسماء Nameمناسبة ,ضبط خاصية العنوان , Captionضبط االلوان ,ضبط القيم المبدئية لبعض الخصائص األخرى .)... , .3كتابة أجزاء الكود في االجراءات المختلفة .Event procedure Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. تغيير وضع النموذج Form position يمكن أيضا استخدام أحد الطرق ( Methodsأو دوال) الخاصة Built-inوالتي تسمي :Move وبالتالي فان الشفرتين التاليتين متكافئتين تماما : FrmPayroll.Move 2000,1000 Dr.Basheer M. Nasef FrmPayroll.Top =1000 FrmPayroll.Left = 2000 L3,CSE 101: 2014-2015 © Zag. Univ. مالحظة الستدعاء طريقة تابعة لكيان ما نكتب اسم الكيان ثم مؤثر النقطة ثم اسم الطريقة. ]Object.Move Left, [Top], [Width], [Height بمجرد كتابة اسم الطريقة داخل البرنامج يقوم ال VBبتوضيح الشكل العام لهذه الطريقة واذا ماكانت تأخذ معامالت ازاحة parametersوكذلك توضيح المعامالت االجبارية (تكون مميزة بخط عريض )Boldواألخري االختياريه تكون بين أقواس مربعة( .النكتب االقواس المربعة داخل الكود) طريقة Moveتضبط قيم الخصائص Left , Top , Width , Heightللكائن الذي يستدعيها و يلزم علي األقل لتنفيذها كتابة قيمة ألول خاصية وهي .Left Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. أمثلة لطرق أخرى: وظيفتها Method FrmShow.Print "This isطباعة نص علي كيان "( my Formخاصة النموذج و صندوق الصور) Print FrmShow.PrintFormاصدار أمر للطابعة لطباعة النموذج PrintForm Lbl1.Zorder 0عندما يوجد تداخل overlap بين أكثر من كيان علي لجعل الكيان في المقدمه النموذج فان هذه الطريقة Lbl1.ZOrder 1تتحكم في موضع الكيان من حيث كونه خلف كيان أخر أو لجعل الكيان في الخلف أمامه ZOrder مثال Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. مثال: لدينا الفتتين و تم ضبط خاصية BackColorألحدهما باللون األحمر واألخري باللون األزرق. Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. كيف نعدل المثال السابق بحيث نتمكن أيضا من جعل أي من الالفتتين في الخلف؟ ماهي و ظيفة كل من الطرق أو الدوال التاليه: SetFocus, Drag, Hide, Show, Cls؟ Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. -2الالفته Label تستخدم فقط لعرض نص ما من خالل خاصية .Caption )1ضبط الخاصية الـCaptionفي نافذة الخصائص. كما تري كتابة " أدخل اسم الط“ كقيمة لخاصية الـ Captionللكائن Label1 )2من خالل شفرة حدث نقر الالفتة حيث يتم إدخال اإليعاز Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. -2الالفته Label بعض الخصائص الهامة: وظيفتها شكل الخط المكتوب به النص لون الخط لون خلفية الالفته محاذاة النص 0: left, 1: right, 2: center الخاصية Font ForeColor BackColor Alignment :Trueتتمدد الالفته أفقيا الستيعاب النص AutoSize )(Default : False :Trueتتمدد الالفته رأسيا الستيعاب النص (الكتابه علي أكثر من سطر) WordWrap )(Default : False Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. -2الالفته Label هاتين الخاصيتين من النوعية ال Booleanألن حالة أي منهما أما Trueأو :False التأثير • حجم الالفته اليتغير. • قد يختفي جزء من كلمة اذا كان السطر ال يتسع لكل الكلمة. • النص دائما يلتف Wrapبمعني أنه ينتقل الي سطر جديد اذا كان السطر الحالي اليتسع لكلمة جديدة. حجم الالفته يتمدد أفقيا فقط ليستوعب النص. يتغير حجم الالفته أفقيا الستيعاب أي كلمة و رأسيا الستيعاب كل األسطر من النص. Dr.Basheer M. Nasef WordWrap AutoSize False or True False False True True True L3,CSE 101: 2014-2015 © Zag. Univ. مثال : األن يمكنك تنفيذ هذا المثال علي ال VBبسهولة !!! ! Try this out كم الفته توجد في هذا المثال وما هي خصائص كل منها ؟ هل يمكنك اعطاء أمثلة لبعض خصائص المتحكمات ذات النوعية Boolean؟ Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. – 3صندوق النصوص : Text Box يستخدم في إستقبال نص (قيمة حرفية أو رقمية) أو عرض نص حيث تضبط خاصية Textيدويا في وضع التصميم او عن طريق إجراء حدث في وضع التشغيل. يفضل عادة استخدام الفته بجوار الصندوق لتوضيح القيمة المطلوب ادخالها. هناك خصائص مشتركة مع الالفته مثل: Font, ForeColor, BackColor, Alignment خصائص أخرى هامة : الخاصية أهميتها :Trueللكتابة علي أكثر من سطر Multiline )(Default : False اذا كان النص أكبر من حجم الصندوق يتم اضافتها لرؤية باقي محتوى الصندوق ScrollBars )(Default : 0 0: None, 1: horizontal, 2: vertical, 3: both Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. – 3صندوق النصوص : Text Box المعني القيمة الخاصية السماح بظهور النص علي عدد من األسطر في حالة ان حجم النص أكبر من حجم صندوق النصوص السماح بظهور او عدمه احد شريطي التمرير True Multiline Dr.Basheer M. Nasef ScrollBars L3,CSE 101: 2014-2015 © Zag. Univ. : Text Box – صندوق النصوص3 L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef – 3صندوق النصوص : Text Box نالحظ أن خاصية MultiLineالبد أن تكون Trueقبل استخدام .ScrollBars أيضا البد من ضبط خاصية MultiLineعلي Trueقبل استخدام خاصية .Alignment الحدث األكثر استخداما مع صندوق النصوص هو حدث Changeوينطلق triggeredعند تغير النص خالل وضع التنفيذ. في وضع التنفيذ :اذا قام المستخدم بتغيير النص المكتوب Textداخل الصندوق فانه يتم اطالق حدث Changeوتنفيذ الشفرة التي بداخل اجراء )(.Text1_Change Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. مثال: نالحظ أنه بمجرد مسح حرف Bمن النص بداخل صندوق النصوص تم تغيير ال Captionعلي الالفته. الحظ أيضا أنه يمكن أن يتغير النص من خالل شفرة مثل "Text1.Text = "Hello من داخل اجراء فرعي أخر و بالتالي تتم اثارة الحدث. ! Try this out Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. Assignment # 1 قم بتصميم برنامجا يقوم بإستقبال بيانات أشخاص ( االسم األول ,االسم األخير ,العنوان ,المدينة ,المحافظة ) و بعد أن تنتهي عملية ادخال البيانات ال يسمح للمستخدم بتغيير أي من البيانات المدخلة و يتم عرض رسالة بذلك علي صندوق رسائل. قم بتغيير عنوان النموذج ليحمل اسمك و رقم جلوسك و رقم الفصل. Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. Assignment # 1 مساعدة: استخدم الفتات لتوضيح مايتم ادخاله في كل صندوق نصوص. اضف زر أوامر بعنوان DONEبحيث اذا نقر عليه المستخدم يتم اغالق صناديق النصوص و يعرض أيضا رسالة بذلك علي صندوق رسائل. استخدم خاصية Lockedمع صندوق النصوص. Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. Assignment # 1 (وضع التصميم )تصميم الواجهه :• نموذج للحل المطلوب Screen Shoot L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef Assignment # 1 • كيفية عمل Screen Shootلنوافذ البرنامج المختلفة و توثيقها في ملف وورد مثال: .1اطبع الشاشة عن طريق النقر علي زر Print screen 1. Print screen from VB app. من لوحة المفاتيح. .2افتح برنامج الرسام و قم بعمل لصق .Paste .3اختار Selectالنافذة المطلوبة وقم بعمل .Cut .4افتح ملف وورد وقم بعمل لصق. .5قم بتكبير النافذه في الوورد حتي تكون واضحة تماما 2. Paste it into Paint. 3. Cut this window. 4. Paste it into a Word file. 5. Make it readable. للقراءة. Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. Assignment # 1 (وضع التصميم )ضبط الخصائص المطلوبة الكيان الخصائص Form Name = … Caption = ... ... Textbox Name = … Text = … ... CommandButton Name = … Caption = … ... ... L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef :• نموذج للحل المطلوب Assignment # 1 (وضع التصميم )كتابة الكود :• نموذج للحل المطلوب Screen Shoot L3,CSE 101: 2014-2015 © Zag. Univ. Dr.Basheer M. Nasef Assignment # 1 • نموذج للحل المطلوب: توضيح جميع النوافذ الممكنة في وضع التنفيذ Screen Shoot Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. (1 صمم برنامج باستخدام الـ VBيقوم بتحويل درجة الحرارة من سيليز إلي فهرنت باستخدام الصيغة االتية: Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. .I صمم برنامج باستخدام الـ VBيقوم بحساب زمن الرحلة بين مدينتين من خالل معرفة المسافة بينهما ومتوسط سرعة الطيران. .II صمم برنامج باستخدام الـ VBيقوم بحساب وطباعة مساحة ومحيط الدائرة من خالل إدخال نصف قطر الدائرة عن طريق لوحة المفاتيح . Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ. .I .II .III .IV االتفاق علي طريقة لتسمية الكيانات و مايؤخذ في الحسبان عند وضع االسم. ماهو النموذج ومعرفة أهم الخصائص له وكذلك األحداث المرتبطه به وكيف يمكن توظيفها. تم التعرف علي كيفية استخدام الالفته وكذلك صندوق النصوص وبعض الخصائص لهما. تعرفنا علي وحدة القياس في الـ . VB Dr.Basheer M. Nasef L3,CSE 101: 2014-2015 © Zag. Univ.