المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : المدخل إلى فيجوال بيسيك 2005 مثال 1



كبريـ انثى ـاء
26 Sep 2009, 03:45 AM
مثال1
إظهار نص داخل مربع نص من خلال الضغط على زر
الغرض من هذا المثال هو شرح لكيفية التعامل مع الفيجوال بيسيك 2005 والتعرف علية عمليا
الخطوات العامة لإنشاء برنامج باستخدام الفيجوال بيسيك 8
1-البداية
-قم بفتح برنامج الفيجوال ستوديو 2005 من القائمة إبداء ثم كافة البرامج ونها إختر Microsoft Visual Studio 2005 دبل كليك تفتح لك الشاشة الرئيسية.
-إذا كنت قد أعددت الفيجوال ستوديو للعمل لاستخدام فيجوال بيسيك فقط سوف يفتح تلقائيا
- إذا كنت قد أعددت الفيجوال ستوديو للعمل لااستخدام لغات أخرى اختر الفيجوال بيسيك من القائمة التى تظهر أو اختر New Project
2-مرحلة تصميم الشكل العام
-قم بفتح مشروع جديد New Project من القائمة File
-من النافذة التى تظهر اختر Windows Application
-يظهر لنا الان شكل جديد يسمى Form1 وهذا سوف بكون مسرح العمليات
-لا بد لنا من أدوات نستخدمها إذن لا بد لنا من شريط الأدوات من خلال Tool Bar وهو شريط الأدوات الأفقى فى أعلى الصفحة إضغط View ومن القائمة المنسدلة إضغط Toolbox
يظهر لك صندوق الأدوات رأسيا فى أقصى اليسار ماذا لو لم يظهر فإن هذا يعنى أنة قد حدث شىء ما لمربعات الحوار ككل ويمكنك إصلاح كافة المحتويات كالتالى من البار العلوى اختر Window من القائمة المنسدلة اختر
Rest Window Lyout فيتم العودة إلى الوضع الإفتراضى
-يظهر لنا الان مربع الأدوات
3-مرحلة تصميم المكونات العامة
-قم بالضغط على All Windows Forms فى Toolbox تجدة مرتبا ترتيبا أبجديا ABCD…..Z
http://img489.imageshack.us/img489/1558/88869762oz7.jpg
-إذهب إلى العنصر الاتى TextBox مربع نص وسوف تجدة أسفل القائمة باستخدام الماوس قم بعمل نقرة مزدوجة سوف يظهر لك فى أعلى Form1 يسار قم بتحريكة كم تشاء وليكن إلى المنتصف تستطيع تغير حجمة أفقيا ولكن رأسيا لا إلا إذا قمت بالضغط فى أقصى الزاوية العليا يمين كما هو محدد فى الصورة وقمت باختيار MultiLine ومعناها عديد الأسطر الان فقط يمكننا تغيير حجمة رأسيا
http://img520.imageshack.us/img520/8044/86238439hg6.jpg
-نقوم بنفس الطريقة بإدراج Label ومعناها عنوان أو لافتة(يافطة) وأيضا Button وهو زر فيصبح عندنا ماهو موجود فى الشكل التالى
http://img267.imageshack.us/img267/1038/74946286wp1.jpg
-الان نريد أن نرى ما فعلناة هناك طريقتان قم بالضغط فى لوحة المفاتيح على F5 الطريق الثانية كالتالى من البار العلوى اختر Debug ومن القائمة المنسدلة اختر Start Debugging سوف يظهر لك الشكل الذى قمنا بإتشاءة للعودة إلى القائمة الرئيسية قم بإغلاق الإطار الذى ظهر الان
http://img459.imageshack.us/img459/7206/46902963tb4.jpg
4-مرحلة تخصيص المكونات
-سوف نبداء الان بإعطاء خواص بسيطة للمكونات التى قمنا بإنشائها
-كليك يمين بالماوس على العنصر الذى نربد تخصيصة نبداء ب Label كليك يمين بالماوس من القائم التى تظهر نختار Properties نلا حظ الان ظهور قائمة الخصائص فى أسفل الشاشة يمين راسيا كما هو موضح فى الشكل التالى
http://img486.imageshack.us/img486/7305/86745962ar8.jpg
نقوم بتغيير الإسم من Label إلى المشاغب وبنفس الطريقة على Button1 ونقوم بتسميتة منتدى البرمجة سوف يكون الزر صغيرا يمكنك تغيير حجمة باستخدام الماوس ثم F5 لنرى النتيجة
5-مرحلة كتابة الكود
- قم بعمل نقرة مزدوجة على TextBox الذى هو فى المنتصف الان تظهر لك لوحة الكود وأن المكان الذى قمت بالتأشير علية باللون الوردى هو المكان الذى سوف نكتب فية الكود
http://img503.imageshack.us/img503/6756/76933009pk9.jpg
-قم بكتابة هذا الكود
كود:
TextBox1.Text="مبروك على الجميع منتدى البرمجة"
نعود الان إلى الإطار الرئيسى عن طريق إغلاق هذا الإطار أو نقرة مزدوجة على Form1.vb الموجودة فى الإطار الأيمن المسمى Solution Explorer
-بعد أن عدنا إلى الإطار الرئيسى قم بعمل نقرة مزدوجة على Button1 التى أصبحت الان منتدى البرمجة تفتح لك صفحة الكود أرجو ملاحظة أن الكود الخاص بهذا العنصر يقع أسفل الكود الذى كتبناة منذ قليل وفى المكان المناظر للون الوردى السابق قم بكتابة هذا الكود
كود:
TextBox1.Text=" "
قم بتنفيذ البرنامج عن طريق F5 قم بالضغط على زر منتدى البرمجة يظهر لك النص الذى قمت بكتابتة وهو مبروك على الجميع منتدى البرمجة