|
دورة الفيجوال بيسكـ شرح مصور [ALIGN=CENTER] دورة الفيجوال بيسكـ شرح مصور بسم الله الرحمن الرحيم كما وعدناكم نفي بوعدنا لكم ونتمنى أن يحوز هذا العمل على رضاكم وقبل الشروع في هذه الدورة أعلموا أني لازلت مبتدء ولا أستغنى عن المساعدة فيما بيننا فاليد الواحده لا تصفق.. في البدايه نأخذ مقدمة سريعة عن البرنامج .. وأكيد راح يتساءل البعض عن كيفية إيجاد هذا البرنامج؟ أقول لك وبكل بساطه .. اذهب لأي محل كمبيوتر واطلب منه "فيجوال بيسك 6,0 " بعشره ريالات.... الفيجوال بيسك لغة برمجة أطلقتها شركة ميكروسوفت ولكن يميزها عن باقي اللغات أنها أسهلهم برمجيا و أسهلهم لعمل شكل للبرنامج (Easier Creating Inteface) و هذه من أهم مميزات هذه اللغة و سنبدأ الآن بالشرح أولا : - لفتح البرنامج : من قائمة Start نختار Programs ثم Visaul Studio 6.0 ثم Visaul Basic 6.0 الشاشة الإفتتاحية : أ- أولا يظهر شعار للبرنامج ثم يختفي تلقائيا و يظهر لنا نافذة لإختيار نوع المشروع الأنواع الرئسية : EXE Standard و هو النوع الذي عادة ما يستخدم لصنع برامج تنفيذية بامتداد exe ِActive x DLL و هو يستخدم لصنع ملفات بامتداد dll و لا يحتاج المستخدم لتشغيلها لكنها تعمل بأوامر معينة Active X Control و هي تعد أفضل ما في الإصدار 6,0 فأنت تستطيع إنشاء أدوات بامتداد *.ocx و تقوم باستخدامها في برامجك و يمكنك بيعها كما تفعل الشركات الأجنبية و في هذه الدروس سيكون النوع الذي نستخدمه هو EXE Standard ب-عند الدخول على EXE Standard ستفتح لنا نافذة العمل design و هي تتكون من : 1- tool box: و هي التي توجد بها مجموعمة من الأدوات المرفقة مع الفيجوال بيسك مثل الزر و صندوق الصورة و سنشرحها بالتفصيل فيما بعد 2-Properties Window ومن هذه النافذة نستطيع التحكم في خصائص الكائنات و الأدوات 3-Form و هو شكل البرنامج و يكون داخل نافذة Project1 4-Project Explorer و هي تتيح لك التنقل بين الفورمات المختلفة و الذهاب لنافذة البرمجة 5- Code Window اضغط مفتاح F7ستر ىأن نافذة بيضاء قد ظهرت و هنا يتم كتابة الأوامر البرمجية هكذا نكون قد انتهينا من مكونات شاشة فيجوال بيسك و سيلي فيما بعد شرح تفصيلي لصندوق الأدوات أداة أداة ستقوم بشرحها إن شاء الله تعالى .. تشغيل ‘ فيجول بيسيك ’ : http://www.absoft2000.com/les1.files/image002.jpg هنا شرح لأدوات البرنامج http://www.vb-pro.net/lessons/3/d1.gif 1-المؤشر poniter وهذه الاداة تستخدم في نقل الاشياء وتحديدها وهذه الاداة غير غريبة عنا لانها تراه في معظم البرامج 2- العنوان label وهذه الاداه تتيح لك خاصية كتابة العنواين 3-الفريم frame1 وهي اداة تحديد سيأتي مجال الشرح عنها لاحقا 4-صندوق الاختيار check box وهي ليست غريبة علينا فهي تتيح لك اختيار اكثر من خيار في ان واحد 5- picture box وهذه الاداة تتيح لك عرض الصور من خلالها 6- اداة النص box وهي اداة جدا مفيدة اذ تتيح لك خاصية كتابة نص معين او تستطيع استخدامها كوسيلة ادخال للبرنامج وسيتم شرح كيفية استخدامها لاحقا 7-زر الامر command button وهذه تتيح لك تمرير الاوامر التي تريدها عبر البرنامج 8-صندوق الاختيار radio button وهذه الخاصية لا تسمح الا باختيار فقط خيار واحد . 9-combo box وسنأتي لشرحه لاحقا 10- listbox وسنأتي لشرحها لاحقا 11- timer المؤقت وهذه الاداة تسمح لك بعمل تغييرات في خلال وقت زمنى معين 12-drive box وهذه الاداة تتعامل مع محركات الاقراص الصلبة 13- folder list box وهذه الاداة تتعامل مع المجلدات 14- shape رسم اشكال 15- file list box وتتيح لك التعامل مع الملفات 16- line الخط رسم خط طوليا او عرضيا او قطريا أكثر ما يهمنا من هذه الأدوات والتي أنصحكم بالتركيز عليها مبدئياً: 2 و 3 و6 و 7 [ALIGN=CENTER]هنا شرح واجهة الفيجوال بيسكـ http://www.geocities.com/beauty_gril_000/5.gif الصورة منقووله[/ALIGN] وترقبوا الدروس القادمة "إن شاء الله" أي سؤال أي استفسار قبل الشروووع[/ALIGN] |
يعطيك الف عافيه ومشكوووووووووووور وماقصرت اخوي على الجهد الرائع |
الله يسلمك أخي الكريم وهاه متحمسين نكمل الدروووس |
من شفت كلمة"كما زكرنا"وانا اقول منقول الله يعطيك العافيه اخوي البرنامج حلو وننتظر شرح الاكواد |
هلا وغلا بالكل بدايته منقول ونهايته حتعجبكم [ALIGN=CENTER] http://sami876./Visual/vs.gif التعرف على شاشات الفيجول بيسيك: بداية وقبل كل شيء لابد أن نتعرف على شاشات الفيجول، لكي تسهل عملية التعامل معها فيما بعد: عندما نفتح الفيجول بيسك ستظهر شاشة التحيه للحظات ثم تختفى ليظهر مربع الحوار التالى وهو يتيح لك إنشاء مشروع جديد New، أو فتح مشروع موجود Existing، أو فتح مشروع تم عمله قريباً Recent. http://www.al-ebda3.info/ib/imagesup.../images/p1.JPG الصورة السابقة منقوله من أحد المنتديات لكن لدي البرنامج معرب وتظهر الصورة هكذا http://sami876./Visual/6.gif سنختار مشروع قياسى Standerd EXE، ثم نضغط المفتاح Open، بعدها ستظهر لك شاشه الفيجول بيسك العاديه(شاشة بيئة التطوير) والتى ستصبح مألوفة بالنسبه لك قريبا إن شاء الله. ومن هذه الشاشه تبدأ صناعة البرنامج: http://www.al-ebda3.info/ib/imagesup.../images/p2.JPG والذي لديه البرنامج معرب يختار "تنفيذي قياسي" ثم اضغط موافق : http://sami876./Visual/7.gif من المهم جداً أن نتعرف على محتويات الشاشة السابقة بالتفصيل، ولا تنزعج في البداية إذا وجدت الأمر صعباً ومعقداً، فسرعان ما ستعتاد على الأمر وسيكون ذلك من أسهل الأشياء بالنسبة إليك. النموذج (الفورمة) Form: وهى مساحة العمل الأساسيه، أو الواجهة الأساسية لبرنامجك والذي ستظهر للمستخدم عند تشغيل البرنامج. http://sami876./Visual/8.gif شريط أدوات التحكم Toolbox: ويحتوي هذا الشريط على الأدوات التي سنستخدمها في البرمجة، والأدوات هي عبارة عن الكائنات التي يمكن وضعها في النموذج والذي يتعامل المستخدم مع البرنامج من خلالها. http://sami876./Visual/9.gif شاشة الخصائص Properties: http://sami876./Visual/10.gif ومن خلالها نستطيع تغيير خصائص أي أداة في البرنامج .. طولها ، عرضها، مكانها، لونها ... الخ. وأهم الخصائص الذي سنحتاجها حالياً: الخاصية Name وتعني الاسم الخاص بالأداة، ولا يظهر هذا الاسم للمستخدم، وإنما يحتاجه فقط المبرمج. الخاصية Caption وهي العنوان الذي سيظهر على الأداة للمستخدم. الخاصية FontName وتعني نوع الخط. الخاصية FontSize وتعني حجم الخط. الخاصية ForeColor وتعني لون الخط. الخاصية Top وتحدد مكان الأداة رأسياً. الخاصية Left وتحدد مكان الأداة أفقياً. الخاصية Hight وتعني طول الأداة. الخاصية Width وتعني عرض الأداة. الآن لنلق نظرة على البرنامج وشكله وقت التشغيل ... قم بالضغط على F5 ... ما الذي حدث ؟ لقد ظهر أمامك النموذج، ولكنه فارغ لا يحتوي على أي شيء، فهل من الممكن أن يكون هذا برنامجاً ... بالطبع لا، إذن قم بإغلاقه ودعنا نبدأ في فهم فلسفة البرمجة باستخدام الفيجول بيسيك. تعتمد البرمجة باستخدام الفيجول بيسيك على التفاعل مع المستخدم من خلال الأدوات والأحداث.. ما معنى هذا الكلام؟؟ لنفترض أننا نريد أن نضع في هذا النموذج الفارغ زراً، وعندما يضغط المستخدم على هذا الزر يتم كتابة (مرحباً) في النموذج .. هنا نكون قد تفاعلنا مع المستخدم عن طريق وضع الأداة وهي الزر في النموذج وأصبح من المتاح له أن يستخدم هذا الزر كما يريد، ثم تفاعلنا معه مرة أخرى عن طريق كتابة (مرحبا) عندما يتم حدث الضغط أو النقر على الزر. هذا يعني أن الزر أداة .. وأن النقر على الزر حدث. دعنا من ذلك الآن ولنبدأ في تصميم برنامجنا الأول مباشرة، وسيتضح الأمر بعد ذلك، وفي البداية لابد أن نعلم أن البرمجة تمر بثلاث مراحل أساسية وهي: المرحلة الأولى: التخيل العام لشكل البرنامج. وفيها نتصور شكل البرنامج بكل تفاصيله عندما يقوم المستخدم بتشغيله، ما الذي نريد أن يظهر للمستخدم؟ وماذا لو أن المستخم ضغط على هذا الزر أو اختار تلك الصورة أو مسح ذلك النص ؟ ما الذي سيحدث ؟ كل ذلك وغيره يجب تصوره جيداً قبل البدء في تصميم البرنامج. المرحلة الثانية: تصميم الشكل العام للبرنامج. وفيها نضع الأدوات على النموذج ونقوم بضبط خصائصها حسب رغبتنا وحاجتنا. المرحلة الثالثة: كتابة الكود الخاص للبرنامج. وهي المرحلة الأخيرة، وفيها نضع الأكواد الخاصة بالأحداث، على سبيل المثال: عندما يحدث الضغط على الزر قم بكذا، وعندما يحدث أن تمر الماوس على الزر قم بكذا، وعندما يحدث اختيار المستخدم للصورة قم بكذا ... الخ. انتهينا من الدرس الثاني وسنتعلم في درسنا الثالث "تصميم البرنامج الأول" ((الشرح منقول بتصرف)) محبكم البرق[/ALIGN] |
شكرا لك اخي البرق سامي ننتظر استكمال الدروس |
أهلاً بك أخي الكريم "ماء الذهب" وأشكر لك تواصلك العطر |
[ALIGN=CENTER] سنذكر الآن أهم الخصائص والتي نجدها في معظم الأدوات: خاصية الاسم ويرمز إليها البرنامج بي Name: وهي خاصية تحدد اسماً رمزياً للاداة، ولا يمثل هذا الاسم أهمية بالنسبة للمستخدم، بل إنه لا يستطيع معرفته أصلاً، ولكنه يمثل أهمية كبيرة بالنسبة للمبرمج حيث أنه لا يستطيع التعامل مع الأداة إلا من خلال اسمها هذا، وسنستخدم هذا الاسم كثيراً ولكن في المرحلة الثالثة وهي مرحلة كتابة الكود. وعندما نقوم برسم الأداة في النموذج فإنها تأخذ اسماً افتراضياً، على سبيل المثال عندما نقوم برسم أداة عنوان فإنها ستأخذ الاسم Lable1، وإذا رسمنا أداة عنوان أخرى فإنها ستأخذ الاسم Lable2، وكذلك الحال بالنسبة لباقي الأدوات، ومن الأفضل تغيير هذا الاسم الافتراضي باسم آخر بحيث يميز الأداة، مثلاً إذا كان لدينا ثلاث أزرار [نسخ] و [قص] و[لصق] فإنها ستأخذ الأسماء Commadn1، Command2، Command3، ويمكن مع تشعب البرنامج وضخامته أن تمثل هذه الأسماء مشكلة فنحن لا نعرف هل هذا الاسم خاص بزر النسخ أو اللصق أو القص ... وخروجاً من هذه المشاكل فإننا نقوم بتغيير أسمائها مثلاً: نسمي زر النسخ CmdCopy، وزر القص CmdCut، وزر اللصق CmdPaste، وفي هذه الأسماء استخدمنا الأحرف الثلاثة الأول Cmd للإشارة إلى أن هذه الأداة أداة زر ( اختصاراً لكلمة CommandButton ) ثم بعدها كتبنا كلمة تدل على وظيفة هذه الأداة ليسهل الرجوع إليها فيما بعد ... أخيراً: يشترط في هذا الاسم أن لا يكون رقما، وأن لا يكون أكثر من أربعين حرفا. خاصية العنوان ويرمز إليها البرنامج بيCaption:ونعني بهذه الخاصية العنوان الذي سيظهر للمستخدم فوق الأداة، وهذه الخاصية تختلف عن خاصية الاسم، حيث أن هذه الخاصية تهم المستخدم أكثر فهو يعرف بها وظيفة الأداة، ولكنها بالنسبة للمبرمج مجرد عنوان للأداة فقط، ولا دخل له بالنواحي البرمجية، بخلاف الاسم فهو الأهم بالنسبة للمبرمج. خاصية من اليمين إلى اليسار ويرمز إليها البرنامج بي Right to Left:ونجد هذه الخاصية أكثر في الأدوات التي تتعامل مع النصوص، وهي تحدد اتجاه الكتابة هل هو من اليسار إلى اليمين أومن اليمين إلى اليسار؟ وتكون القيمة الافترضية من اليسار إلى اليمين ويمكنك التغيير كما تشاء ... في هذا الصدد نذكر خاصية أخرى وهي خاصية المحاذاة Alignment وهي تقوم بمحاذاة النص داخل الأداة، والقيمة 0 تعني المحاذاة إلى اليسار، والقيمة 1 تعني المحاذاة إلى اليمين، والقيمة 2 تعني توسيط النص. خصائص خط الكتابة ويرمز إليها البرنامج بي Font:وفيها نحدد نوع الخط، وحجمه، وتخانته، وميله، وتسطيره. خصائص الألوان: خاصية لون الخلفية BackColor وتحدد لون الخلفية للأداة ... خاصية لون الخط ForeColor وتحدد لون الخط ... خاصية شكل المؤشر ويرمز إليها البرنامج بي MousePointer:كما تعرف فإن مؤشر الماوس عادة ما يأخذ رمز السهم المتجه إلى أعلى اليسار، ويتيح لك الفيجول بيسيك تغيير شكل المؤشر من هذا الشكل التقليدي إلى أي شكل آخر ترغب فيه وذلك من خلال هذه الخاصية ... فبعد تغييرها تجد أن مؤشر الماوس يتغير عند مرورك على الأداة التي غيرت فيها هذه الخاصية. خاصية التمكين ويرمز إليها البرنامج بي Enabled:وهي خاصية تحدد ما إذا كان المستخدم يستطيع استخدام الأداة أو لا، فإذا كانت تساوي True فهذا يعني أن المستخدم يمكنه التعامل مع الأداة، وإذا كانت تساوي False فإن الأداة تظهر باهتة اللون، ولن يتمكن المستخدم من التعامل معها ... وسيتضح ذلك أكثر بالتجربة ... جرب ان تدرج أداتي زر، واجعل خاصية الـ Enabled لأحدهما True، وللأخرى False، ثم اضغط على F5 وانظر الفرق ... خاصية الظهور ويرمز إليها البرنامج بي Visible: وهي خاصية تتحكم في ظهور الأداة أو إخفائها، فإذا كانت تساوي True فهذا يعني أن الأداة ستظهر وقت تنفيذ البرنامج، وإذا كانت تساوي False فهذا يعني أنها لن تظهر. خصائص الحجم ويرمز إليها البرنامج بي Hight, Width: ومن خلالهما نحدد طول الأداة وعرضها. خصائص الموقع ويرمز إليها البرنامج بي Top, Left: ومن خلالهما نحدد موقع الأداة رأسياً وأفقياً. خاصية التلميح ويرمز إليها البرنامج بي ToolTip: ونكتب في هذه الخاصية النص الذي نريده أن يظهر كتلميح عند تثبيت الماوس على أداة ما. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + لا يمكنك فهم هذه الخصائص فهماً جيداً بدون التجربة، لذلك قم بتجربتها كلها لكي ترسخ المعلومة في ذهنك. .......[/ALIGN] |
[ALIGN=CENTER]في البداية تمنيت أن أجد تطبيقاتكم على الدرس الثالث.. لكن مو مشكله أكيد ظروف .. لكن أخشى أن لا يكون الشرح مناسب أو غير مفهوم؟ قبل نبداء في الدرس الخامس نقول لكم المتعة ستبداء من الدرس السادس .. فقط اجعل الدروس عندكم في الأرشيف للرجوع إليها وقت الحاجة الدرس الخامس +++ الخصائص السابقة في الدرس الرابع هي خصائص مشتركة، أي أن معظم الأدوات تشترك فيها، ولكن مما لا شك فيه أن كل أداة تنفرد عن الأخرى في بعض الخصائص، وسنأخذ الآن بعض هذه الأدوات كالتالي: 1. أداة النموذج Form: أهم أدوات البرمجة، وهي واجهة البرنامج والتي نضع في داخلها باقي الأدوات الأخرى، وفي الغالب الأعم لابد أن يحتوي البرنامج على واجهة واحدة على الأقل: http://sami876./Visual/8.gif خاصية أيقونات التحكم http://www.al-ebda3.info/ib/imagesup...mages/EX25.jpg وهي خاصية تتحكم في ظهور أيقونات التحكم في أعلى النموذج وهي : 1ــ الإغلاق 2ــ التكبير ويرمز لها البرنامج MAXButton 3ــ التصغير ويرمز لها البرنامج MinButton 4ــ الرمز (إيقونة البرنامج) ويرمز لها البرنامج Icon ــــــــــــــــــــــــــــــــــــــــــ خاصية موضع النموذج عند التشغيل StartUpPosition: ويمكن من خلال هذه الخاصية تحديد موقع النموذج عند بدء تشغيل البرنامج. خاصية حالة الواجهة WindowState: وتحدد هذه الخاصية شكل الواجهة عند بدء تشغيل البرنامج وهل تظهر في في الحجم العادي Normal Size، أو تظهر في أكبر حجم Maximized، أو في أصغر حجم Minimized. ============================= 2. أداة الزر CommandButton: أداة معروفة، وتُستخدم بكثرة، وهي أداة الزر http://sami876./Visual/3.jpg وأهم خصائصها: خاصية الشكل Style: ويمكن الاختيار ما بين قياسي Standerd وهو الشكل واللون الطبيعي للأزرار، أو رسومي Graphical وعند اختياره يمكنك التغيير في لون الزر كيفما تشاء. خاصية الافتراضي Default: وتحدد الزر الافتراضي الذي يقع عليه التركيز عندما لا يكون التركيز على أي أداة أخرى. خاصية الخروج Cancel: وعندما تكون قيمة هذه الخاصية True فهذا يعني أننا لو ضغطنا على زر الخروج Esc من لوحة المفاتيح فكأننا نقرنا على هذا الزر بالماوس. ============================= 3. أداة العنوان Lable: http:///albrgvip/php/pic/ddrr.gif وهي أداة تستخدم لكتابة النصوص على الشاشة ويرمز لها البرنامج بي ( A ) ، وأهم خصائصها: خاصية الحجم التلقائي AutoSize: وتقوم بتحديد حجم الأداة على قدر الكلام الموجود بها فقط. ============================= 4. أداة مربع النص Box: وهي أداة تسمح للمستخدم بكتابة نص بداخلها ، وأهم خصائصها: http://sami876./Visual/4.gif خاصية القفل Locked: وعندما تكون True فإنها لا تسمح للمستخدم بكتابة أي نصوص داخل هذه الأداة. خاصية طول النص MaxLength: ونحدد بواسطتها عدد الحروف التي يمكن كتابتها داخل الأداة. خاصية تعدد الأسطر MultiLine: وتحدد إمكانية تعدد الأسطر داخل الأداة من عدمه. خاصية التشفير PasswordChar: لجعل النص المدخل مشفراً مثل كلمات السر. خاصية النص : وتحتوي هذه الخاصية على النص الموجود داخل الأداة. ============================= 5. أداة الصورة Picture Control: http://sami876./Visual/5.gif أداة يمكن من خلالها عرض صورة ، وأهم خصائصها: خاصية الصورة Picture: وفيها نختار ملف الصورة الذي نريد عرضه في الأداة. ============================= تقريباً انتهينا من النظري وأنا لم أعطكم إلا القليل وهو انطباع عام عن البرنامج.. وسنبداء بشرح كيفية تصميم البرامج التالية: برنامج جمع برنامج حاسبه (جمع طرح ضرب قسمه) برنامج حساب مساحة مستطيل برنامج حساب مساحة مثلث تقريباً هذه حتى نتعلم مبدئياً ... ولا تعتقدون أنها صعبه بالعكس سهلة جداً ما رأيكم ما ملاحظاتكم .. هل تقترحون شيء .. هل تريدون أن نتوقف !!؟؟!!؟؟ هنا شرح الدرس الخامس في ملف واحد حمل .. محبكم البرق محبكم في الله البرق[/ALIGN] |
السلام عليكم نشرح اليوم طريقة حفظ عملنا في البداية نفتح برنامج الفيجوال بيسكـ ونتابع الشرح http:///albrgvip/php/pic/sav.gif http:///albrgvip/php/pic/sav1.gif http:///albrgvip/php/pic/sav2.gif http:///albrgvip/php/pic/sav3.gif وهنا مثال على الحفظ بهذه الطريقة http:///albrgvip/php/pic/angr.gif http:///albrgvip/php/pic/sav4.gif وهنا مثال على الحفظ بهذه الطريقة http:///albrgvip/php/pic/angr.gif |
http://www.al-wed.com/pic-vb/2.gif يسلمو خيو على هالنقل المفيد :) الفيروسه الزرقاء http://www.al-wed.com/pic-vb/2.gif |
هلا بك الفيروسه الزرقاء وهاه متحمسين لشرح البرنامج الأول؟ |
| الوقت المعتمد في المنتدى بتوقيت جرينتش +3.
الوقت الان » 10:05 AM. |
Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd