 |  | |
 |  | |
 |  | |
 |  |
       |
|
| |||||||||||||||||||||
| ¤ النادي [ العـــــام ] ¤ [ يمكنك هنا التحدث عن أي موضوع لا يختص بالأنمي والمانجا ] |
| مواقع النشر (المفضلة) |
 |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
12-02-2006, 03:31 AM
| ||||||
| ||||||
| سلسلة تطبيقات و دروس الفيجوال بيسك ... السلام عليكم و رحمة الله و بركاته ... في هذا الموضوع قررت أن أضع خلاصة خبرتي التي تعلمتها في الفيجوال بيسك و التي هي أحد أشهر و أفضل لغات البرمجه ... و في هذا الموضوع ان شاء الله سأضع شروحات للبرنامج و خواصه و تطبيقات كامله أي انني سأشرح كيفية تصميم برنامج كامل بأكواده و كل كبيرة و صغيره فيه و للعلم ان بعض الشروحات قد تكون بسيطه لأنني أعلم نفسي بنفسي و لكنني وصلت الى مستوى متقدم و الحمد لله فيها لذا لا تقلقوا ... التطبيق الأول ... كيفية اظهار رسالة للمستخدم ان ضغط بزر الفاره الأيمن أو الأيسر في البرنامج ... هذا التطبيق سهل جدا ً كبداية و الأمر لن يستغرق سوى بضع دقائق و لكن فقط ركزوا ... في البدايه نقوم بفتح برنامج الفيجوال بيسك ثم نقول بسم الله الرحمن الرحيم ... ستجدون واجهة البرنامج كالتالي لا تخافوا من شكلها او من أي شيء و حتى ان أخطاتم لا بأس فأنا معكم و ان شاء الله لن يكون هناك أي خطأ ... و هذا التطبيق يمكن لأي شخص ان يقوم به حتى لو لم يفتح الفيجوال بيسك هذا من قبل او حتى لم يسمع به من قبل ... بعد ان فتحت البرنامج ستجد ان هنالك نافذة جديده فتحت تلقائيا ً و هي بعنوان New Project و هي تتيح لنا اختيار نوع المشروع الذي سنعمل عليه ... و بما أننا لا نزال في الطور المبتدئ لذا سنختار Standrad.EXE ثم نضغط Open كما في الصوره ...  بعد أن ضغطنا على زر Open سنجد ان هناك نافذتان تم فتحهما فب البرنامج أحدهما توجد داخل الأخرى ... الموجوده داخل الأخرى هي التي سنعمل عليها لأنها ستكون شكل البرنامج الذي سيظهر للمستخدمين ... و الخارجيه هي عبارة عن محتوى فقط للأخرى و لكن بالرغم من أننا لن نستخدمها فلا تغلقوها أبدا ً ... [  الآن يأتي وقت كتابة الأكواد و هذه المرحله قد تربك الكثير منا و لكن لا تقلقوا فالأمر بسيط جدا ً ان شاء الله ... الآن يدور في بالكم سؤال مهم ألا و هو أين سنكتب هذه الأكواد التي نتحدث عنها  بالضغط على زر F7 من لوحة المفاتيح ستفتح لنا نافذة جديده بها بعض الكلام و بها قائمتين كما في الصوره ...[  القائمة الأولى و هي الموجوده على اليمين و يطلق عليها اسم قائمة الحدث أو الأحداث ... و القائمة الأخرى تتضمن العناصر التي قمنا بتصميمها في البرنامج سواء كان ( زر ) أو ( صوره ) أو ( قائمة ) الى آخر هذا الكلام ... و اليكم شرح سريع لكل منهما و كيفية استخدامهما معا ً لينتج لنا مشروع متميز ... أولا ً : قائمة العناصر هذه القائمة عندما نضغط على زر F7 من لوحة المفاتيح و تفتح نافذة الكود نجد انها دائما ً مكتوب فيها كلمة Form ... هذه الكلمة يقصد بها نافذة البرنامج التي ستظهر للمستخدمين و التي قلنا انها موجودة بداخل نافذه أخرى في السابق ... و ان قمنا بتصميم اي عنصر آخر سنجده في هذه القائمه أيضا ً ... و لكننا في هذا التطبيق لم نصمم أي شيء و لن نصمم فيه أي شيء ان شاء الله ... ثانيا ً : قائمة الحدث هذه القائمة تعمل بتناغم مع قائمة العناصر فمثلا ً ان قمنا بتصميم زر سنجده في قائمة العناصر بالطبع لذا نقوم باختياره من هذه القائمه ثم نتوجه بعد ذلك الى قائمة الحدث و نختار منها مثلا ً الحدث Click أي عند الضغط عليه ... و نكتب كود ظهور نافذه ترحيبيه ... نجد تفسير هذه العمليه كالتالي ... عندما نضغط على الزر تظهر نافذه ترحيب ... و الآن نعود الى مشروعنا و كتابة الكود ... الآن نختر من قائمة الحدث الأمر MouseDown سنجد ان هناك تغيرات سريعه حدثت في نافذة الكود و تغير الكود الأصلي الذي كان مكتوب ... اتركوه لحاله فهذا لصالحنا ...  سنجد سطرين موجودين ... الأول Private Sub Form_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single) و الثاني End Sub السطر الأول يفسر لك العنصر الذي تعمل عليه الآن و الحدث الذي اخترته انت ... السطر الثاني هو نهاية الكود ولا تتم كتابة أي شيء بعده ... بين هذين السطرين نقوم بلصق هذا الكود ... بالطبع مع تغيير ما هو مكتوب بين علامتي التنصيص "" و اياكم أن تمسحوا أي علامة تنصيص ... If Button Then MsgBox " Www.AnimescluB.com " End If سنجد ان الشكل أصبح كما بالصوره ...  و الى هنا تنتهي مرحلة كتابة الكود ... و الان نريد أن نرى ثمار عملنا البسيط هذا ... ماذا نفعل ؟! نقوم بالضغط من لوحة المفاتيح على الزر F5 ستظهر لنا نافذة رماديه فارغة ماذا نفعل بها ... ؟! نقوم بالضغط بزر الفأره الأيمن أو الأيسر في أي مكان في هذه النافذه التي هي في الأصل واجهة البرنامج ... و شاهدوا النتيجه بأنفسكم ...  -------------------------------------------------- شرح أكواد هذا التطبيق و فؤائدها ... --------------------------------------------------
أتمنى أن يكون الشرح قد نال اعجابكم ... أخوكم / محمد فؤاد (^_^) التعديل الأخير تم بواسطة R.H.P ; 12-02-2006 الساعة 06:49 PM. سبب آخر: وضع روابط جديده للصور ... ^_^      |
| مواقع ننصح بزيارتها |
|
12-02-2006, 04:16 AM
| ||||||
| ||||||
| السلام عليكم و رحمة الله و بركاته ... عودة مرة أخرى و مع تطبيق جديد و بسيط جدا ً جدا ً ... التطبيق الثاني ... كيفية اغلاق البرنامج عند الضغط على زر من تصميمنا ... نقوم بفتح الفيجوال بيسك و نقول بسم الله الرحمن الرحيم ... طبعا ً الآن تعرفون ماذا سنفعل لانشاء مشروع جديد و لا تنسوا أن تختاروا Standrad.EXE ... بعد ذلك سنجد على اليسار شريط به العديد من الأدوات ... سنختار منه آداة رسم الزر و نتجه الى مساحة العمل و نرسم الزر كما يحلو لنا ... بعد رسم الزر سنجد أن اسمه Command1 كما في الصورتين التالييتين ... rel="Lightbox"?attachmentid=4998&stc=1" border="0" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" /> rel="Lightbox"?attachmentid=4999&stc=1" border="0" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" /> و الآن لو نريد تغيير هذا الاسم ماذا نفعل ؟! الجواب هو التوجه بأعيننا الى يمين الشاشة حيث سنجد نافذة Properties ... أولا ً يجب ان نكون قد ضغطنا على الزر بعد تصميمه مره واحده بزر الفأره الأيسر حتى تتيح لنا نافذة Properties خصائص الزر فقط و ليس مساحة العمل كلها Form ... سنجد في نافذة الـ Properties خاصيه اسمها Caption و بجوارها Command1 نقوم بمسح الـ Command1 هذه و نكتب مثلا ً AnimesClub ... سنجد ان الاسم تغيير بالفعل ... rel="Lightbox"?attachmentid=5000&stc=1" border="0" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" /> و الآن نأتي لكتابة الكود ... هذه المره لن نضغط على F7 بل سنضغط على الزر الذي صممناه مرتين بزر الفأره الأيسر لتفتح لنا نافذة الكود و لاحظوا ما هو مكتوب في كل من قائمة الحدث و قائمة العناصر كما في الصوره ... rel="Lightbox"?attachmentid=5001&stc=1" border="0" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" /> المهم سنجد هذين السطرين ... السطر الأول Private Sub Command1_Click() السطر الثاني End Sub نكتب بينهما هذا الكود أو بمعنى أدق هذه الكلمة ... End و الآن يأتي وقت مشاهدة النتيجه ... كما قلت في التطبيق السابق نضغط من لوحة المفاتيح الزر F5 سنجد العمل كالتالي ... rel="Lightbox"?attachmentid=5002&stc=1" border="0" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" /> نضغط على الزر الذي صصمناه نجد ان العمل تم اغلاقه و دنا الى نافذة الكود مره أخرى ... -------------------------------------------------- شرح أكواد هذا التطبيق و فؤائدها ... --------------------------------------------------
و الى هنا ينتهي التطبيق الثاني ... اتمنى أن ينال الشرح اعجابكم ... و أي استفسار أنا في خدمتكم ... أخوكم / محمد فؤاد (^_^) |
|
12-02-2006, 04:21 AM
| ||||||
| ||||||
| ملحوظه : الصور كلها مرفوعه في على مرفقاتي لأنني لا أستطيع استخدام مركز الرفع الخاص بالنادي لا اعلم السبب لكنه في كل مره يخبرني بأن هناك صوره بنفس الاسم و في كل مره أغير الاسماء 4 مرات ولا أفلح ...ولا أعتقد أن مساحة مرفقاتي ستحتمل كل الدروس التي في الطريق ... اخوكم / محمد فؤاد (^_^) |
|
12-02-2006, 04:42 AM
| ||||||
| ||||||
| أشكرك أخوي على شرحك الجميل لبرنامج الفيجوال بيسك ^_^ .. و فعلاً هذا اللغة مميزة جداً و هي تتيح لك فعل أشياء كثيرة .. .... لكن , أخوي أنا راح أنقل الموضوع للقسم العام هناك .. لأن قسم الجرافيكس لا يحتوى إلا على دروس تحتوي على شرح لبرامج خاصة بالجرافيكس بشكل عام !! و لا توضع دروس اللغات في قسم الجرافيكس .. و تحياتي لك , و أشكرك على موضوعك الجميل ^_^ .. |
|
12-02-2006, 05:00 AM
| ||||||
| ||||||
| ما شالله عليك أخوي !! الجهد وايد كبير و المرفقات و التعليمات دقيقة و روعه صراحة ^_^ آنا ما عندي خبرة في برنامج الفيجوال بيسك و لا لغتها...فإحتمال أقعد قعدة طويلة في قراءة الموضوع و تعلم المزيد عن خفايا هذه اللغه لك جزيل الشكر و نتمنى المزيد ^_^ يامي : إي إي نتمنى المزيد @w@\ يا ربي إنت شتبي !!!! يامي : كيــــــــــــفي بعلق حرة بجبدك خخخخخخخخخخخخخخخخخخخخخخ >__________>"""" |
