السلام عليكم ورحمة الله وبركاته بإختصار الموضوع عبارة عن مجموعة دروس مبسطة في لغة C# 2005 للمبتدئين بهدف إنشاء هذا البرنامج لتشغيل الصوتيات والمرئيات : الدروس ستكون مقسمة إلى قسمين , قسم الدرس وقسم التطبيق وفي كل درس نبدأ بشرح الفكرة أو المفهوم أو القاعدة وفي قسم التطبيق نطبق اللي تعلمناه من الدرس على مشروع البرنامج ونستمر بهذه الطريقة كل درس إلى أن ننجز المشروع لكن قبل البداية يجب تجهيز برنامجين للعمل على اللغة البرنامج الأول من ميكروسوف وهو برنامج ملفات لغة البرمجة .NET Framework للتحميل من هنا أو من صفحة التحميل الرئيسية لميكروسوفت : http://www.microsoft.com/downloads/ ثم إبحث عن Net Framework 2.0 حجم الملف يقارب 24 ميجا بايت عند فتح هذا اللينك ستجد زر مكتوب عليه Download ......... البرنامج الثاني هو بيئة التطوير , أي المكان الذي سنكتب فيه تعليمات البرنامج ونجربه يوجد هناك عدة بيئات تطوير مجانية متوفره منها بيئة ميكروسوفت بإصدارها المضغوط Express لتحميل C# 2005 Express حجم الملف يقارب 450 ميجا بايت إذا لم تستطع تحميل هذه البيئة فهناك بيئة أخرى مجانية Sharp Developer حجم الملف يقارب 4 ميجا بايت لتنظيم العمل على الدروس ينصح عمل مجلد جديد على القرص المحلي D وتسميته CS يجب أولاً تنصيب البرنامج الأول dotnetfx.exe وعند الإنتهاء منها يتم تنصيب البيئة SharpDevelop2_2.0.0.1591_Setup.exe أو C# Express وبهذا تكون مستعداً لتلقي الدرس الأول
مفهوم لغات البرمجة منذ بداية ظهور الكهرباء وتطورها , ظهرت فكرة معالجة التيار الكهربائي والإستفادة منه فمثلاً المصباح يأخذ الكهرباء ويعالجها "يحولها" إلى ضوء والراديو يأخذ الكهرباء ويحولها إلى صوت .. وهكذا وبالتالي فإن أي عمل مع الكهرباء يحتاج إلى ثلاثة أشياء مهمة 1- مدخلات "تيار كهربائي". 2-معالجة "تحويل التيار إلى ضوء , صوت....". 3-مخرجات "ضوء , صوت ....". بالإضافة إلى جهاز التحويل "المصباح , الراديو" الحاسوب لا يخرج عن هذه القاعدة فهو يحتاج إلى مدخلات ليعالجها ويحولها إلى مخرجات مثلاً عندما تضغط اي زر في لوحة المفاتيح , فإن تيار كهربائي يتولد وينطلق بإتجاه المعالج المعالج بدوره يحول هذا التيار إلى تيار مختلف ينطلق نحو الشاشة ويظهر الحرف قد يتسائل البعض كيف يفرق المعالج بين زر وآخر في لوحة المفاتيح , فجميع الأزرار تطلق تيار كهربائي وهذا هو أساس العمل في الحاسوب , حيث أن معالج الكمبيوتر لا يستقبل تيار مستمر كما في المصباح , أو في الراديو , أو في أي جهاز كهربائي وإنما معالج الكمبيوتر يستقبل تيار متغير , للتوضيح نفرض أن العدد 1 يمثل مرور تيار والعدد 0 يمثل عدم مرور التيار عندما يكون المصباح مطفأ يكون التيار الذي يستقبله هكذا 0000000000000000 أما عندما نضيئ المصباح فإن التيار يكون هكذا 1111111111111111 وهكذا مع الراديو و المكواه و.و.و. لكن في الحاسوب يختلف شكل التيار لأنه يكون متغير فيكون شيئاً هكذا 110001010100011110101000111010101001 وهذه هي الطريقة التي يفرق المعالج حرف عن حرف آخر فالتيار الذي يمثل حرف الواو مثلاً يكون هكذا 11001010 وحرف الطاء يكون هكذا 10111010 وحرف النون يكون هكذا 01010011 وبالتالي فإن كلمة وطن ستكون هكذا 010100111011101011001010 ولا ننسى أن معنى 0 عدم مرور تيار و معنى 1 مرور تيار وبإفتراض أن سرعة قراءة المعالج لرقم هي ثانية واحد فأن التيار الكهربائي الذي يمثل حرف الواو 11001010 سيكون هكذا: في البداية ينقطع التيار لفترة ثانية ثم يمر التيار لمدة ثانية ثم ينقع لمدة ثانية ثم يمر لمدة ثانية ثم ينقطع لمدة ثانيتين ثم يمر لمدة ثانيتين أي أن المعالج سيستغرق ثمان ثواني لقراءة حرف الواو في المثال السابق افترضنا أن سرعة المعالج هي ثانية واحدة لكنها في الحقيقة أسرع بكثير ومن هنا أعتقد انا فهمنا ما معنى سرعة المعالج "هي سرعة قراءته للرقم الواحد" والرقم الواحد سواءاً كان 1 أو 0 يسمى "بت" Bit فعندما تكون سرعة المعالج 3200 يعني أنه يقراً 3200 ميجا بايت في الثانية الواحدة والميجا يحتوي على 1024 كيلو بايت والكيلو بايت يحتوي على 1024 بايت والبايت يحتوي على 8 بت يعني أن هذا المعالج يقراً 3277832 بت في الثانية الواحدة يعني أنو بيقرأ حرف الواو في مدة 0.00000244 من الثانية والآن بعد أن عرفنا كيف يقرأ الكمبيوتر الكلمات بقي أن نعرف كيف ينفذ الكمبيوتر الأوامر المطلوبة منه. كان الحاسوب في بدايته يستقبل الأوامر كتيار كهربائي مثل ما رأينا سابقاً لكن هذه الطريقة غير عملية , فإذا أردنا أن نأمر الكمبيوتر بأن يطبع كلمة وطن على الشاشة فسيكون الأمر شبيهاً بهذا 01010011101010101011010100111011101011001010 فهذه هل اللغة التي يفهمها الحاسوب , لكنها لغة صعبة الفهم على الإنسان لذلك ظهر ما يسمى بلغات البرمجة " وهي لغات قريبة من لغة الإنسان ويفهما الحاسوب" حيث أن لغات البرمجه سهلت التعامل مع الحاسوب وأصبح من الممكن إصدار الأوامر للحاسوب هكذا
كود: Print "وطن"
وحيث أن الحاسوب لا يفهم هذه اللغة يوجد ما يسمى بالمترجم , وهو برنامج ملحق بلغة البرمجة وظيفته قراءة الأوامر المدخلة وتحويلها إلى تيار يفهمه المعالج , لكن عملية الترجمة تتم بشكل غير ظاهر فما على المبرمج إلا أن يكتب الأوامر ويشغل البرنامج .. والمترجم يقرأ Print "وطن" ويحولها إلى 01010011101010101011010100111011101011001010 ويرسلها إلى المعالج.. مفهوم الكائنات في لغات البرمجة كل شيئ يعتبر كائن له صفات وله أفعال كأي كائن في الوجود فمثلاً السيارة كائن له صفات "مثل اللون والشكل وعدد الإطارات...." وله أفعال مثل "السير , التوقف, ..." لا حظوا أن الأفعال قد تكون من الكائن نفسه "السير" و قد تكون من كائن آخر في الحاسوب أيضاً الأمر لا يختلف فكل شيئ يعتبر كائن له صفات وأفعال فمثلاً هذا المنتدى كائن له صفات وأفعال وزر"إقتباس" تحت هذه المشاركة هو كائن له صفات مثل اللون و الكلام المكتوب عليه و الحجم... وله أفعال مثل أنه يعمل رد جديد مع إقتباس الرد الحالي... و صندوق النص في آخر هذه الصفحة عند الرد السريع , يعتبر كائن له صفات كاللون وله أفعال كإرسال الرد إلى قاعدة بيانات المنتدى.. وزر ابدأ أو Start في الوندوز هو كائن وشريط المهام Task Bar هو كائن يحتوي على كائن آخر "زر ابدأ" إذاً يمكن لكائن أن يحتوي على عدة كائنات فالسيارة كائن يحتوي على كائن آخر وهي الإطارات مثلاً التطبيق بعد تنصيب البرامج افتح مجلد CS الي أنشأناه في القرص D وداخل المجلد CS قم بإنشاء مجلد جديد اسمه Projects من سطح المكتب لإتح ايقونة برنامج بيئة التطوير وهذا شكلها: بعد أن تفتح البيئة سيظهر لك زرين في الوسط هكذا : أنقر على زر New Solution المؤشر عليه بالأحمر ستظهر لك هذه النافذة: أنقر لى إشارة الموظحه في رقم 1 ثم انقر علىwindows applications كما في رقم 2 ثم أنقر على Windows Application كما في رقم 3 , عند صندوق اسم المشروع أكتي إسم المشروع الذي ترغب به وليكن MyMediaPlayer كما في رقم 4 ثم انقر على الزر في رقم 5 وإختر مجلد Projects الذر أنشاته سابقاً داخل مجلد CS في القرص D ثم أنقر على زر Create في رقم 6 بتظهر لك نوافذ المشروع وفيها شفرة المشروع الإفتراضية , تحت نافذة الشفرة انقر على زر Design كما في الصورة ستظهر أمامك هذه النوافذ: في اليسار انقر على Windows Forms كما في رقم 1 ستظهر لك جميع الكائنات التي نحتاجها في البرامج وفي الوسط ستظهر لك نافذة فارغة نسميها Form وهذه النافذة هي النافذة الرئيسية للمشروع ولا ننسى إن هذه النافذة تعتبر كائن لها صفات مثل إسمها " MyMediaPlayer" ولها أفعال مثل ما سنلاحظ لاحقاً على اليسار يوجد جدول وهذا هو جدول صفات الكائنات ومن خلاله يمكن تغيير أي صفة من صفات الكائن ما رأيك لو قمنا بتغيير لون النافذة إلى الأزرق.. نذهب إلى جدول الخصائص ونبحث عن خاصية BackColor ننقر على الصندوق أمامها ستظهر قائمة ألوان , نختار منها أي لون وليكن الأزرق نلاحظ أن لون النافذة تغير , يعني أننا غيرنا صفة من صفات هذا الكائن الآن نرجع الكائن للونه الطبيعي يوجد صفة أيضاً مهمة إسمها Text إبحث عنها في جدول الصفات عند رقم 2 ستجد مكتوب أمامها MyMediaPlayer إمسحها وأكتب بدلها "مشغل الصوت والفيديو". ملاحظة: لسهولة الوصول إلى الصفات يمكن ترتيب الصفات بالترتيب الأبجدي بالنقر على زر الترتيب في أعلى جدول الصفات : من نافذة الأدوات على اليسار انقر على صورة الزر المكتوب أمامه Button واستمر في الضغط واسحب الماوس فوق النافذة الفارغة سيكون شكل النافذة هكذا:
يمكن تغيير حجم أو موقع الزر , الآن تأكد من إختيار الزر و اذهب إلى نافذة الصفات إبحث عن صفة اسمها Text وأكتب بدل button1 أكتب "ترحيب". لاحظ أنا غيرنا صفة من صفات الزر , ولكن كيف نغير من أفعال الزر لأنه كائن ولا بد له من أفعال والزر يمكن أن يفعل أي شيء لكنا نريده أن يظهر رسالة ترحيب .. للذهاب إلى أفعال الزر أنقر نقراً مزدوجا Double Click على الزر , ستظهر لك نافذة الشفرة :
وينتقل مؤشر الماوس إلى مكان بين حاصرتين مكتوب فوقة void Button1Click... ومعنى هذا أن المعالج عند ضغط الزر سينفذ الأوامر المكتوبة بين الحاصرتين لا تهتم للشفرة المكتوبة فوق ولا تعدل فيها أبدا فهي مهمه لتشغيل البرنامج الآن بين الحاصرتين يجب أن نكتب الأمر الذي يظهر الرسالة وهذا الأمر هو
كود: MessageBox.Show("مرحباً بكم إلى سي شارب");
لنشرح الأمر , أولا MessageBox هو كائن في لغة البرمجة يمثل إظهار رسالة و Show هو كائن أخر داخل كائن MessageBox ويقوم بطباعة الرسالة على الشاشة وكلمة "مرحباً بكم إلى سي شارب" تعتبر مدخل للكائن وهو يعالج الأمر ويخرج الرسالة على الشاشة لاحظ أن الأمر MessageBox.Show يعني أظهر رسالة , ولكن المعالج لن ينفذة لأنه لا يعرف ماذا يكتب في الرسالة لذلك يجب فتح قوس وكتابة الرسالة بين علامة إقتباس , والقوسين تعني أن بينهما مدخلات , أما علا مة الأقتباس فهي مهمة لأنه بدونها سيعتبر المترجم أن مرحباً بكم إلى سي شارب هي جزء من الأمر ولا يفهم هذا الأمر لذلك لن يعمل البرنامج ويجب أن تكون الرسالة بين علامتي أقتباس حتى يتجاوزها المترجم في نهاية السطر يجب كتابة الفاصلة المنقوطه حتى نخبر المترجم أن هذه هي نهاية السطر وينتقل إلى السطر التالي ملاحظة: يجب أن تكون حذراً جداً عند كتابة الشفرة فزيادة نقطة أو حرف تجعل المترجم يرتبك ولا يشغل البرنامج وأيضاً يجب مراعاة الأحرف الكبيرة والصغيرة فالمترجم لن يفهم هذا الأمر messagebox بينما يفهم هذا الأمر MessageBox
بقي لنا أن نشغل البرنامج ونرى كيف سيعمل , لتشغيل البرنامج أنقر على زر التشغيل أعلى نافذة الشفرة: عند تشغيل البرنامج ستظهر لك النافذة الأساسية وعند النقر على زر الترحيب ستظر رسالة الترحيب: مبروك لقد نجحت في تنفيذ أول برنامج بلغة C# الواجب أنشئ مشروع جديد و انشئ فيه زر لرسالة ترحيب غيّر لون النافذة الأساسية , و غير حجمها , وغير لون الزر وغير حجمه من الممكن أيضاً إنشاء زر آخر يظهر رسالة أخرى وأرسل التطبيق لإرسال التطبيق: اذهب إلى مجلد CS في القرص D ثم إلى مجلد Projects ثم إلى مجلد MyMediaPlayer ثم إلى مجلد bin ثم إلى مجلد Debug ستجد ملف تنفيذي بإسم MyMediaPlayer هذا هو برنامجك الأول .. أضغطه ببرنامج الونزيب وأرسله لي ملاحظة:عند عمل الواجب أو عند تجربة كائنات أخرى , أنشئ مشروع جديد للعبث به , لكن لا تغير أي شيئ في المشروع الذي نطبق عليه
المتغيرات في الدرس الأول تعلمنا أن كل شيئ في الحاسوب يعتبر كائن وفي الحقيقة هناك نوعين من الكائنات : كائنات حقيقية: وهي التي لها صفات وأفعال ويمكن أن يكون لها تمثيل مرئي متغيرات : وهي متغيرات لا تحتوي على صفات أو أفعال وإنما تحتوي على قيمة محددة ولا تكون مرئية أي انه من الممكن أن يحتوي الكائن "المتغير" X على قيمة مخزنة في ذاكرة الحاسوب ومن الممكن أن تكون قيمة المتغير أما رقم أو نص أو حرف أو رقم عشري أو.... وإذا أردنا أن ننشئ متغير في ذاكرة الحاسوب فيجب أن نحدد نوع القيمة التي سيحملها المتغير مع العلم أننا نختار إسم الكائن كما نشاء مادام الإسم يحقق الشروط التالية: 1-أن يكون اسم المتغير حروف أو ارقام لاتينية 2-أن لا يكون أول حروف الإسم رقم , فهذا الإسم غير مسموح 5int بينما هذا مسموح int5 3-أن لا يحتوي الإسم على علامات أواشارات مثل # أو $ أو * أو , الإشارة المسموحة فقط هي _ وهذه الشروط تنطبق على أسماء الكائنات أو المتغيرات التي سنقوم بإنشائها إذاً المتغير هو كائن يستخدم لتخزين قيمة من نوع محدد مثلاً إذا أردنا أن نعرف متغير اسمه x من نوع رقم سيكون الكود كالتالي:
كود: int x;
وكلمة int إختصار لكلمة integer ومعناها عدد صحيح الكود السابق معناه أنا عرفنا متغير اسمه x سيحمل قيمة من نوع عدد صحيح لاحظ أنك تستطيع تغيير اسم المتغير كما تشاء المهم أن تراعي شروط التسمية الثلاثة وإذا أردنا تحميل هذا المتغير قيمة محدد يكون الكود كالتالي:
كود: x=20;
الكود السابق معناه أن المتغير x يحمل القيمة 20 ويستمر بحمل القيمة حتي يتوقف البرنامج أو نحملة قيمة أخرى لاحظ الكود التالي:
كود: int Var1; int Var2; Var1=10; Var2=Var1;
قمنا بتعريف متغيرين من نوع رقم صحيح ثم حملنا الرقم الأول قيمة 10 وفي السطر الأخير حملنا المتغير الثاني قيمة المتغير الأول أي أن المتغير الثاني يحمل أيضاً القيمة 10 ملاحظة مهمه:في لغات البرمجه معامل التساوي ليس تبادلي يعني أن Var2=Var1 لا تساوي أبداً Var1=Var2 لإن معامل = في لغات البرمجة يقوم بنقل قيمة المتغير في اليمين إلى المتغير في اليسار فلو عكسنا المعاملات في السطر الأخير من الكود السابق هكذا :
كود: int Var1; int Var2; Var1=10; Var1=Var2;
فسيظهر لنا خطأ عند السطر الأخير لأن المعالج سيحاول نقل ما في المتغير Var2 إلى المتغير Var1 ولكن المتغير Var2 لا يحتوي على أي قيمة لذلك سيظهر لنا الخطأ بعض أنواع المتغيرات وكيفية تعريفها: رقم صحيح int نص أو كلمة string رقم حقيقي "رقم يقبل الكسور العشرية مثل 41.51" double حرف char تاريخ أو وقت DateTime قيمة بوليانية bool معنى القيمة البوليانية أي أن المتغير يحمل قيمة صح أو خطأ , للتوضيح:
كود: int k; string w; double m; char n; bool p; k=15; w="هذا نص"; m=12.15; n="م"; p=true;
لا حظ أن المتغير من نوع رقم لا يحتاج إلى علامتي إقتباس بينما المتغير من نوع نص أو حرف يحتاج إلى علامتي إقتباس المتغير من نوع bool يحمل أما قيمة true أو false ماذا لو جربنا الكود التالي:
كود: k="نص";
سيظهر لنا خطأ لأنا نحاول أن نحمل المتغير k قيمة من نوع نص بينما المفروض أن يحمل قيمة من نوع رقم كما عرفناه وأيضاً هذا الكود خاطئ لنفس السبب
كود: k=w;
حيث أن w يحتوي على قيمة من نوع نص و k المفروض أن يحمل قيمة من نوع رقم ماذا لو كان لدينا هذا الكود:
كود: w="45"; k=w;
سيظهر لنا خطأ أيضاً عند السطر الثاني بالرغم من أن w يحمل رقم لأن المترجم لا يعرف أن w يحمل رقم , فهو يعتبر كل ما هو بين علامتي اقتباس على أنه نص وبالتالي فالمترجم لن يقبل أن يحمل k قيمة نصية لأن من المفروض أن يحمل رقم للتغلب على هذه المشكلة يوجد في بيئة التطوير كائن للتحويل ما بين الأنواع وهذا الكائن يقوم بتحويل القمية إلى أي نوع فإذا اردنا تنفيذ الكود السابق بإستخدام كائن التحويل:
كود: w="45"; k=Convert.ToInt32(w);
الكائن Convert قام بأخذ قيمة w وحولها إلى رقم ثم حملها للمتغير k لاحظ أننا للوصول إلى أفعال أو صفات الكائن نكتب اسم الكائن ثم نقطة ثم فعل أو صفة الكائن فالكائن Convert يحتوي على فعل ToInt32 لذلك كتبنا اسم الكائن ثم نقطه ثم فعل الكائن ووضعنا بين القوسين المدخلات , ومن أفعال الكائن Convert: ToInt32 للتحويل إلى رقم صحيح كما رأينا في المثال السابق ToString للتحويل إلى نص ToDouble للتحويل إلى عدد عشري ToChar للتحويل إلى حرف ToBoolean للتحويل إلى قيمة بوليانية ملاحظة: الرقم الأخير من المتغير ToInt32 يعني حجمة في الذاكرة, مثلاً int16 حجمه 16 بت و int32 حجمة 32 بت ويوجد أيضاً 64, وكل نوع له مدى محدد لا يستطيع يتجاوزه, مثلاً int16 يستطيع خزن أي رقم من – 32,768 إلى 32,767 و int32 يستطيع خزن أي رقم من – 2,147,483,648 إلى 2,147,483,647 و int64 له مدى أكبر بكثير, لذلك إخترنا int32 كحل وسط , لأنه يخزن أرقام كبيرة , ولا يستهلك مكان كبير في الذاكرة يتبع ... التطبيق.. في الرد التالي ..
التطبيق: أفتح مشروع التطبيق الذي طبقنا عليه في الدرس الماضي غير النص الكتوب في الزر من "ترحيب" إلى "اظهار قيمة x" من خلال تعديل الصفة Text من جدول الصفات انقر نقراً مزدوجا على الزر لتنتقل إلى شفرة الزر .. ثم قم بحذف سطر الأوامر التالي:
كود: MessageBox.Show("مرحباً بكم إلى سي شارب");
في مكان الكود المحذوف أكتب الكود التالي:
كود: int x; x=50; MessageBox.Show(x);
في السطر الأول عرفنا متغير اسمه x سيحمل قيمة من نوع رقم صحيح في السطر الثاني حملنا المتغير x قيمة 50 في السطر الثالث كتبنا أمر اظهار الرسالة , لاحظ أننا وضعنا x بدل نص الرسالة حيث أن المترجم سيقوم بإظهار رسالة ويكتب داخلها القيمة المحملة على x قبل تجربة البرنامج , هل تعتقد أن هناك خطأ في الشفرة السابقة؟ نعم هناك خطأ فلو جربت تشغيل البرنامج ثم الضغط على الزر ستظهر لك رسالة خطأ وسبب الخطأ أن كائن MessageBox.Show يحتاج إلى مدخلات من نوع نص ليظهرها في الرسالة وقد مررنا x على أنه المدخلات ولكنه من نوع رقم صحيح ربما يتسائل البعض ما أدراني أن الكائن MessageBox.Show يحتاج إلى مدخلات من نوع نص وليس من نوع رقم الأمر بسيط جداً , إذا كنت تريد ان تعرف نوع المدخلات التي يحتاجها الكائن سيظهر لك ذلك في رسالة صغيرة بمجرد أن تفتح القوس الأول كما في الصورة: عندما انتهيت من كتابة القوس الأول ظهر صندوق المعلومات وأظهر اسماء وانواع المدخلات التي يحتاجها الكائن السهم يشير إلى الكلمة التاليه:
اقتباس:
string text
الجزء الأول من الكلمة السابقة يعني نوع المدخل وهو string أي نص والجزء الثاني هو أسم المدخل text وهذا سنشرحه فيما بعد , ولكن ما يهمنا هو الجزء الأول لنعرف نوع المدخل الذي يحتاجه الكائن
ملاحظة:بعض الكائنات ومنها كائن MessageBox.Show يمكن أن تقبل مدخلات متعدده فيمكن أن تقبل مدخل واحد وهو نص الرسالة كما رأينا في الدرس السابق و يمكن أن تقبل أكثر من مدخل الكائن MessageBox.Show يقبل 21 نوع من المدخلات ومن الممكن أن تتجول بين أنواع المدخلات الممكنه للكائن بالضغك على زر الأسهم فوق وتحت في لوحة المفاتيح عند ظهور صندوق معلومات المدخلات كما في الصورة: ولكن ما يهمنا حالياً من أنواع المدخلات هو النوع رقم 15 الذي يحتاج فقط لنص الرسالة نعود إلى الكود السابق الذي أظهر لنا خطأ نتيجة تضارب انواع البيانات لحل مشكلة التضارب نستخدم كائن التحويل لتحويل قيمة x إلى نص ثم تمريرها إلى الكائن MessageBox.Show لأنه كما قلنا لا يقبل إلا مدخلات من نوع نص و x من نوع رقم الكائن الذي يحول من رقم إلى نص هو Convert.ToString وبالتالي سيصبح الكود الصحيح هكذا:
كود: int x; x=50; MessageBox.Show(Convert.ToString(x));
جرب البرنامج الآن واضغط على الزر ستظهر لك رسالة مكتوب عليها 50 وهكذا تغلبنا على مشكلة تضارب البيانات .. لتوسيع التطبيق سنستخدم كائن آخر من كائنات البيئة وهو مربع النص اضغط على زر Design أسفل الشفرة لترجع إلى نافذة التصميم الآن قم بسحب كائن مربع النص وأفلته فوق النافذة كما سحبت الزر في الدرس الأول ليصبح شكل النافذة هكذا: تأكد من إختيار مربع النص واذهب إلى جدول الصفات إبحث عن الصفة (Name) ستجد مكتوباً أمامها textBox1 غيرها إلى t1 لاحظ أنا غيرنا إسم الكائن من textBox1 إلى t1 وذلك لسهولة التعامل معه في الشفره كما سنرى لاحقاً الآن اضغط مزدوجاً على الزر لترجع إلى الشفرة أمسح السطر الثاني من الكود السابق وأكتب بدل منه هذا الكود
كود: x=t1.Text;
لاحظ أن الكائن t1 الذي هو مربع النص له صفة اسمها Text وهي تمثل النص المكتوب عليه معنى الكود السابق أن المترجم سيقوم بأخذ ما هو مكتوب في مربع النص المسمى t1 ويحمله للمتغير x أي أن الكود كاملأ سيصبح هكذا:
كود: int x; x=t1.Text(); MessageBox.Show(Convert.ToString(x));
ملاحظة:لمعرفة صفات وأفعال الكائن أكتب إسم الكائن ثم أكتب نقطة , ستظهر لك نافذة بجميع اعمال وصفات الكائن ففي المثال السابق بمجر د كتابة تكتب t1 ثم نقطة سيظهر لك هذا الصندوق : وبمجرد أن تكتب حرف t من كلمة Text سينقل الإختيار في الصندوق إلى كلمة Text: وللإختصار اضغط على زر Tab لكي تكتب كلمة Text آلياً
لاحظ في الصورة السابقة أن نوع صفة Text هو string أي نص وبالتالي لو حاولت تنفيذ البرنامج وضغط الزر سيظهر خطأ لأننا حاولنا أن نحمل المتغير x قيمة نصيه بينما يجب أن نحملة رقم , يأتي دور كائن التحويل مرة أخرى ولكن هذه المرة من نص إلى رقم فيصبح الكود الكامل والصحيح هكذا:
كود: int x; x=Convert.ToInt32(t1.Text); MessageBox.Show(Convert.ToString(x));
في السطر الأول عرفنا متغير من نوع رقم وفي السطر الثاني حملنا هذا المتغير القيمة المكتوبة في مربع النص وحولناها إلى رقم وفي السطر الثالث لم نغير شيء الآن نفذ البرنامج , وقبل أن تضغط الزر أكتب أي رقم في مربع النص ثم اضغط الزر ستظهر لك رسالة بالرقم الذي كتبته تأكد انك ستكتب رقم وليس حرف وإلا ظهرت لك رسالة خطأ .. لتوسيع التطبيق أضف متغيرين آخرين y,z وأضف مربع نص آخر وسمه t2 غير النص المكتوب على الزر وأكتب بدلاً منه "اظهار ناتج الجمع" ليكون شكل النافذة هكذا: الآن اذهب إلى الشفرة وعدلها إلى التالي:
كود: int x; int y; int z; x=Convert.ToInt32(t1.Text); y=Convert.ToInt32(t2.Text); z=x y; MessageBox.Show(Convert.ToString(z));
عرفنا ثلاثة متغيرات من نوع رقم صحيح في السطر الرابع حملنا x الرقم المكتوب في t1 وفي السطر الخامس حملنا y الرقم المكتوب في t2 وفي السطر السادس حملنا z مجموع x وy وفي السطر السابع أظهرنا قيمة z في الرسالة , لاحظ أنا وضعنا z بدل x في السطر الأخير الآن قم بتنفيذ البرنامج , وأكتب عدداً صحيحاً في كل مربع نص وأضغط الزر ستظهر لك نافذة مجموع العددين : اغلق الرسالة وجرب أن تضع في أحد مربعات النص رقماً حقيقياً مثل 41.25 واضغط على الزر ستظهر لك رسالة خطأ لأن المتغيرات xوyوz تحمل متغيرات من نوع رقم صحيح وأنت حاولت أن تحملها رقم حقيقي اضغط على زر Continue في رسالة الخطأ ليتم إيقاف تنفيذ البرنامج: إذهب إلى الشفرة وحاول أن تجد الحل للقيام بجمع أعداد حقيقية, وذلك هو الواجب تلميح:نعرف أن double تعني رقم حقيقي والكائن Convert.ToDouble يحول إلى رقم حقيقي ما عليك إلا أن تضع double بدل من int وتضعConvert.ToDouble بدل من Convert.ToInt32
لحظة , لم ينتهي الواجب بعد أضف إلى البرنامج ثلاثة أزرار إضافية للقيام بباقي العمليات الرياضية 1-اظهار ناتج الطرح 2-اظهار ناتج الضرب 3-اظهار ناتج القسمة ليصبح شكل النافذه هكذا: .نهاية الدرس الثاني.
الجمل الشرطية: معظم عمل الحاسوب يقوم على المقارنة بين قيمتين لإتخاذ أي قرار بعبارة أدق أي عمل يقوم به الحاسوب هو عبارة عن عدد من المقارنات بين قيم مخزنة في مسجلات المعالج مسجلات المعالج هي عبارة عن أجزاء من المعالج يمكن أن تخزن قيم صغيرة وكل مسجل يستطيع أن يخزن 16 بت , وهذه القيم المخزنة يقوم المعالج بمقارنتها مع قيم اخرى في مسجلات أخرى من نفس المعالج لإنتاج تيار كهربائي يمثل نتيجة المقارنة إذاً مبدأ عمل الحاسوب هو المقارنه , عرفنا المقارنه على مستوى المعالج ولكن هذا لا يهمنا , وما يهمنا هو المقارنه على مستوى لغة البرمجة والمقارنه تعتبر أحد أهم اعمدة اي لغة من اللغات , وهناك عدة صيغ للمقارنة 1- إذا كان (الشرط) فـ {التعليمات التي تنفذ في حالة توفر الشرط}
كود: if (x>y) { MessageBox.Show("إكس أكبر من واي"); }
في الكود السابق سيقوم المعالج بإظهار الرسالة إذا كان x أكبر من y وإلا فلن تظهر أي رسالة لاحظ أننا لم نضع الفاصة المنقوطة بعد الشرط لأن المعالج لم يكمل جملة الشرط ويجب أن ندعه يكمل الجملة إلى نهاية الحاصرة الثانية 2-إذا كان (الشرط) فـ {التعليمات التي تنفذ في حالة توفر الشرط} وإلا {التعليمات التي تنفذ في حالة عدم توفر الشرط} if (x>
كود: y) { MessageBox.Show("إكس أكبر من واي"); } else { MessageBox.Show("إكس ليس أكبر من واي"); }
في الكود السابق سيقوم المعالج بإظهار رسالة "إكس أكبر من واي" إذا كان x أكبر من y أما إذا لم يكن x اكبر من y فستظهر رسالة "إكس ليس أكبر من واي" لاحظ أننا لم نضع فاصلة منقوطة بعد كلمة else لأن التعليمة لم تكتمل بعد 3-إذا كان(الشرط1) فـ {التعليمات التي تنفذ عن توفر الشرط1} وإلا إذا كان (الشرط 2) فـ {التعليمات التي تنفذ في حالة عدم توفر الشرط1 و توفر الشرط 2} وإلا إذا كان ...
كود: if (x>5) { MessageBox.Show("اكس أكبر من خمسة"); } else if(x<4) { MessageBox.Show("اكس ليس أكبر من خمسة , وأكس أصغر من أربعة"); } ..
في الكود السابق يبدأ المعالج بفحص الشرط الأول فإذا تحقق يظهر رسالة "اكس أكبر من خمسة" وإن لم يتحقق فإنه ينتقل إلى الشرط الثاني فإذا تحقق سيظهر رسالة "اكس ليس أكبر من خمسة , وأكس أصغر من أربعة" وهكذا حتي ينتهي من جميع الشروط .. لاحظ أنه من الممكن أن يكون في الجملة أكثر من شرطين هناك عدد من معاملات المقارنه بالإضافة إلى < و >: < أكبر من مثل ما رأينا سابقاً > أصغر من مثل ما رأينا سابقاً == يساوي
كود: if (x == y) { MessageBox.Show("اكس يساوي واي"); }
=! لا يساوي
كود: if (x != y) { MessageBox.Show("اكس لا يساوي واي"); }
أحياناً نحتاج إلى شرط مزدوج , أي أننا نحتاج إلى شرط مكون من جزئين مثلاً إذا كان x أكبر من y و x أصغر من z
كود: if (x>y & x<z) { MessageBox.Show("اكس أكبر من واي و أصغر من زد"); }
لاحظ انا وضعنا الشرطين بينها علامة & أما إذا أردنا شرط مزدوج من نوع آخر : مثلاً إذا كان x أكبر من y أو x يساوي 10
كود: if (x>y | x==10) { MessageBox.Show("اكس أكبر من واي أو يساوي 10"); }
لاحظ انا وضعنا الشرطين بينها علامة | إذا & تعني و و | تعني أو ملاحظة : علامة | يمكن طباعتها بالضغط على Shift مع زر \ والذي عادة ما يأتي بجانب زر المسح BackSpace وفوق زر Enter
الدوارات: هناك أنواع كثيرة من الدوارات لكننا سنتعرف حالياً على أهم نوع منها والدوارات هي تعليمات فائدتها تكرار تعليمات محدد لعدد محدد من المرات مثلاً إذا أردنا أن نظهر رسالة ما عشر مرات أو عشرين مرة , لن نكتب التعليمة عشر أو عشرين مرة حيث يستخدم المعالج متغير من نوع رقم كعداد وفي كل مرة تنفذ العملية يزداد العداد رقم واحد وهكذا حتى يتوفر شرط وقوف الدواره , وأحياناً قد يكون عداد عكسي يعني أنه في كل مرة ينقص رقم إذاً هناك أربعة أشياء مهمة لجملة الدوارة for 1- متغير من نوع عدد يستخدم كعداد مع تزويدة برقم إبتدائي يبدأ منه 2- شرط إستمرار الدوارة في العمل 3- تعريف نوع العداد هل هو تصاعدي أم تنازلي 4- التعليمات التي تنفذ
كود: for (int i = 0;i < 10;i ) { MessageBox.Show("من الدوارة"); }
في الكود السابق كلمة for تستخدم لتعريف الدوارة بعد فتح القوس وضعنا تعريف للعداد int i=0 ووضعنا له قيمة 0 أي أن العداد سيبدأ من 0 وضعنا فاصلة منقوطة وو ضعنا بعدها شرط الإستمرار في العمل وهو أن يكون i أصغر من عشرة وضعنا فاصلة منقوطة ووضعنا بعدها نوع العداد وهو تصاعدي i أما إذا كان تنازلي نضع --i ثم أغلقنا القوس وفتحنا حاصرتين بينهما التعليمات التي سينفذها المعالج معنى الدوارة السابقة أن المعالج سيظهر الرسالة للمرة الأولى ثم يزيد i ويفحص شرط الإستمرار أذا تحقق شرك الإستمرار يظهر الرسالة مرة أخرى ويزيد العداد برقم ويفحص شرط الإستمرار ..... في الكود السابق سيقوم المعالج بإظهار الرسالة عشر مرات ملاحظة : يمكن إستخدام متغير العداد داخل التعليمات
كود: for (int i = 0;i < 10;i ) { MessageBox.Show(Convert.ToString(i)); }
في الكود السابق سيظهر المعالج الرسالة للمرة الأولى وفيها قيمة العداد الأولية وهي 0 وفي المرة الثانية سيظهر الرسالة وفيها قيمة العداد بعد أن زاد برقم أي 1 وهكذا حتى العدد 9 , وعندما يزد العداد بعدها برقم أي يصبح 10 سيفحص المعالج شرط الإستمرار وهو أن يكوت المتغير أصغر من 10 ولكن المتغير هذه المرة ليس أصغر من عشرة لذلك سيتوقف المعالج عن تنفيذ التعليمات ويخرج من جملة for يتبع التطبيق ..
التطبيق: أفتح تطبيق الدرس السابق : وقم بحذف صندوقي النص بواسطة زر Delete غير النص المكتوب في الزر إلى "تشغيل الدوارة" من صندوق الأدوات قم بسحب أداة القائمة : من خلال الخاصية (Name) قم بتغيير إسم القائمة من ListBox1 إلى l1 ليسهل التعامل معها من الشفرة ملاحظة: عند عمل تطبيق باللغة العربية يجب تحويل الأدوات في النافذه للترتيب العربي أي من اليمين إلى اليسار ويتم ذلك عن طريق تحديد النافذة وتغيير صفتين من صفاتها وهي صفات RightToLeft و صفة RightToLeftLayout من جدول الصفات حيث تكون الخاصية الأولى Yes والخاصية الثانية True : عندها ستلاحظ ان إتجاه الأدوات تغير ويصبح شكل النافذة هكذا : الآن اضغط مزدوجاً على الزر للذهاب للشفرة قم بحذف الكود الموجود مسبقاً بين الحاصرتين وأكتب بدلاً عنه هذا الكود:
كود: for (int i=0;i<10;i ) { l1.Items.Add(" من الدوارة "); }
قمنا بعمل دوارة من الصفر إلى 10 لإضافة كلمة "من الدوارة" إلى القائمة الكائن l1.Items.Add يقوم بإضافة ما داخل القوس للقائمة l1 وبالتالي فالكود السابق سيقوم بكتابه كلمة "من الدوارة" عشر مرات على القائمة جرب تشغيل البرنامج وإضغط على الزر , يجب أن ترى شيئاً كهذا: ملاحظة : إذا أردنا أن نجمع كلمتين أو نصين في نص واحد فيمكننا إستخدام إشارة مثلاً إذا أردنا أن نظر رسالة تقول مرحباً بكم فيمكن عمل ذلك هكذا
كود: MessageBox.Show("مرحباً" "بكم");
هناك كلمتين ربطنا بينهما بعلامة والآن لنعدل التطبيق قليلاً لكي نجرب إستخدام العداد : قم يتعديل كود الدوارة وأضف إلى كلمة "من الدوارة" أضف العداد هكذا:
كود: for (int i=0;i<10;i ) { l1.Items.Add(" من الدوارة " Convert.ToString(i)); }
بما أن العداد من نوع رقم إستخدمنا كائن التحويل لنحوله إلى نص ثم ربطناه بكلمة "من الدوارة" عند تشغيل البرنامج سترى شيئاً كهذا : أعتقد أن الصورة لا تحتاج للشرح ... الآن لماذا لا نطبق جملة شرطية داخل الدوارة .. سنكتب شفرة لطباعة كلمة "من الدوارة" و إذا كان العداد أكبر من خمسة سنضيف كلمة "أكبر من خمسة" : قم بتغيير كود الدوارة إلى هذا الكود:
كود: for (int i=0;i<10;i ) { if (i>5) { l1.Items.Add(" من الدوارة " Convert.ToString(i) " أكبر من خمسة "); } else { l1.Items.Add(" من الدوارة " Convert.ToString(i) ); } }
الكود باللون الأحمر سينفذ عشر مرات . والكود بالخط المائل سينفذ إذا كان العداد i أكبر من خمسة. والكود الذي تحته خط سينفذ إذا كان العداد i أصغر من أو يساوي خمسة . عند تنفيذ البرنمج ستكون النافذه هكذا : الواجب: الواجب صعب قليلاً هذه المرة ... إستخدم الدوارة والجمل الشرطية لتنفيذ عملية إضافة نصوص للقائمة 12 مرة بحيث يكتب في آخر كل نص ما إذا كان العداد أكبر من 6 أو يساوي 6 أو أصغر من 6 لتكون النتيجة هكذا: تلميح : ستستخدم الجمل الشرطية من النوع الثالث بثلاث شروط أي أن جملة الشرط ستكون شبيهة بهذه:
الإجراءات Procedures الإجراء هو مجموعة أوامر ينفذها المعالج مكتوبة بين حاصرتين { } ويتم تعرفها في مكان واحد في البرنامج ويمكن إستدعائها عدة مرات والإجراء له ثلاثة أشياء مهمة : 1- تعريف الإسمName Decleration 2-المدخلاتParameters 3-الشفرة مكتوبة بين حاصرتين Code فمثلاً عند الدخول إلى شفرة زر رسالة الترحيب في الدرس الأول سنرى هذا الكود:
كود: { MessageBox.Show("مرحباً بكم في اليس شارب"); }
في التعريف void تعني إجراء أي أننا سنعرف متغير من نوع إجراء كما عرفنا متغير من نوع رقم في الدرس السابق:
كود: int x;
بنفس الطريقة عند تعريف الإجراء:
كود: void x;
لكن هذا التعريف لا يكفي فهو لا يحتوي على الثلاث الأشياء المهمة مثلاً لو أردنا إجراء يظهر رسالة مكتوب عليها مثلاً "من داخل الإجراء" فسكون التعريف كالتالي:
كود: void sm() { MessageBox.Show("من داخل الإجراء"); }
عرفنا متغير من نوع إجراء اسمه sm إختصار لـ Show Message ..يمكنك تغيير إسم الإجراء كما تشاء يوجد لدينا الإسم:
كود: void sm
والمدخلات:
كود: ()
لا يوجد لدينا مدخلات في هذا الإجراء ولكن يجب عمل الأقواس الفارغة وسنعرف فيما بعد كيف نتعامل مع المدخلات ولدينا الشفرة:
كود: { MessageBox.Show("من داخل الإجراء"); }
وبالتالي فالتعريف كامل ويمثل إجراء لإظهار رسالة , والآن إذا أردنا في أي مكان من البرنامج تنفيذ الإجراء فما علينا سوى كتابة اسمه هكذا:
كود: sm();
التعليمة السابقة تجعل المعالج يبحث عن الإجراء sm وينفذ الأوامر بداخلة. ربما يقول البعض ما الداعي من عمل إجراء وكتابة الكود داخلة ثم إستدعاءه لماذا لا نكتب الكود مباشرة كما فعلنا في الدرس الأول؟؟؟ والجواب ببساطه ماذا لو أردت إظهار الرسالة خمس مرات؟؟ بالطريقة القديمة ستكتب هكذا:
كود: void Button1Click(object sender, System.EventArgs e) { MessageBox.Show("من داخل الإجراء"); MessageBox.Show("من داخل الإجراء"); MessageBox.Show("من داخل الإجراء"); MessageBox.Show("من داخل الإجراء"); MessageBox.Show("من داخل الإجراء"); }
الكود بالأزرق هو كود الضغط على الزر و الكود بالأحمر هو كود إجراء إظهار الرسالة نلاحظ أن طريقة الإجراءات تسهل التعامل أكثر وتوفر الوقت والجهد ربما يقول البعض لا يوجد فرق كبير بين الطريقتين لكن ماذا إذا كانت الرسالة كبيرة جداً أو ماذا إذا كانت الأوامر أكثر من مجرد إظهار رسالة عندها بالتأكيد الإجراء سيوفر الكثير من الجهد والوقت وإيضا المدخلات تجعل الإجراءات أكثر فائدة : مثلاً لو أردنا أن نطور الإجراء السابق ليظهر رسالة مختلفة في كل مرة نستدعيه سنجعل الرساله المراد إظهارها علي أنها مدخل متغير ويكون تعريف الإجراء كالتالي:
المدخلات هي متغيرات كما رأينا حيث عرفنا متغير مدخل اسمه msg من نوع نص string وفي تعليمة إظهار الرسالة جعلنا الكائن MessageBox.Show يظهر ما في المتغير المدخل msg الآن عند إستدعاء الإجراء يجب تمرير قيمة من نوع نص مكان المتغير المدخل هكذا:
كود: sm("من داخل الإجراء"); sm("رسالة مختلفة من نفس الإجراء");
نلاحظ أن الإجراء أظهر رسائل مختلفة بنفس الشفرة الأمر الأول في الكود السابق سيظهر رسالة مكتوب عليها "من داخل الإجراء" والأمر الثاني سيظهر رسالة مكتوب عليها "رسالة مختلفة من نفس الإجراء" ملاحظة: إذا كان لدينا أكثر من مدخل فنفصل بينها بالفاصلة مثلاً:
كود: void sm(int x,string msg)
وعند الإستدعاء :
كود: sm(14,"رسالة");
الدوال Functions الدول هي إجراءات لكن لها خاصية أنها ترجع قيم رأينا في الإجراءات أنا نستدعيها للقيام بعمل محدد فقط أما الدوال فإنا نستدعيها للقيام بعمل محدد وإرجاع قيمة لنا ولها خمس أشياء مهمة: 1- تعريف الإسم Name Decleration 2-نوع القمية التي ستحملها الدالة Result Data Type 3-المدخلات Parameters 4-الشفرة مكتوبة بين حاصرتين Code 5-تعليمة تحميل الدالة للقيمة الناتجة Return phrase مثلاً إذا إردنا عمل دالة تقوم بأخذ رقمين وترجع لنا مجموعهما فيكون التعريف كما يأتي:
كود: int sum(int x,int y) { int z; z=x y; return z; }
في السطر الأول عرفنا دالة إسمها sum ترجع متغير من نوع رقم int ولها مدخلين من نوع رقم x و y وبين الحاصرتين لدينا التعليمات التي تقوم بجمع المتغيرين وفي التعليمة الأخيرة return z تعني تحميل الدلة القيمة الموجود في z وهي مجموع xوy وعند الإستدعاء بنفس الطريقة في الإجراءات لكن الدالة تكون محملة بقيمة :
كود: sum(4,5);
بدون الدالة ستكود شفرة جمع رقمين هكذا:
كود: int z; z=4 5; MessageBox.Show(Convert.ToString(z));
أما بإستخدام الدالة فتكون الشفرة هكذا:
كود: int z; z=sum(4,5); MessageBox.Show(Convert.ToString(z));
لاحظ أنا استدعينا الدالة وحملنا ما داخلها للمتغير z في المثال السابق تعرفنا كيف نستخدم الدالة , رغم اننا لم نستفد منها كثيراً في المثال السابق ولكن كان الغرض منه توضيح إستخدام الدوال . عزل - كبسلة المتغيرات Variables Encabsulation مارأيك بالكود التالي:
void AddFive() { int y; y=5 x; MessageBox.Show(Convert.ToString(y)); }
الكود بالأزرق هو إجراء الضغط على الزر , وبالأحمر إجراء إظهار قيمة x مضاف إليها 5 لو قمت بتنفيذ الكود السابق , ما الذي ينتج , ستقول ستظهر رسالة مكتوب عليها 15 سأقول لا , لا ليس صحيحاً , سينتج خطأ جسيم !! السبب أن المتغير x معرف داخل الإجراء باللون الأزرق وبالتالي فالمفروض أن نستخدمة في هذا الإجراء فقط , وإذا أستخدمناه في إجراء آخر كما فعلنا فإن المعالج لن يتعرف على هذا المتغير !! .. ولكن ماذا لو أردنا أن نستخدم متغير في أكثر من إجراء؟؟ الجواب: المتغيرات Variables تنقسم إلى نوعين رئيسيين : 1-متغيرات محلية Local وهي التي تعرف وتستخدم داخل الإجراء فقط 2-متغيرات عامة Global وهي التي تعرف خارج الإجراء وتستخدم من قبل إجراءات كثيرة والمتغيرات العامة تنقسم إلى قسمين :
ِa- متغيرات خاصة private وهي تستخدم من قبل إجراءات ودوال النافذة الواحدة فقط ولا تراها النوافذ الأخرى
كود: private int x;
b-متغيرات عامة public وهي تستخدم من قبل إجراءات ودوال النافذة والنوافذ الأخرى
كود: public int x;
إذن إذا أردنا أن نستخدم متغير في عدة إجراءات فإننا نعرفة خارج الإجراء والأفضل أن يكون تعريف المتغيرات العامة في بداية كود النافذة فوق دالة Main :
كود: //هنا تعريف المتغيرات الدولية [STAThread] public static void Main(string[] args) . .
طبعاً بفرض أننا وضعنا تعريف المتغير x فوق دالة Main بهذه الطريقة عرفنا x مرة واحدة ويمكن إستخدامه في أكثر من إجراء من نفس النافذة ملاحظة: إذا أردنا أن نكتب تعليق في الشفرة أو ملاحظة بدون أن يقرأها المترجم فإننا نكتب في بداية السطر // والمترجم لن يقرأ الكود التي تحول لونها إلى الأخظر كما فعلنا في الكود السابق , أما إذا كانت الملاحظة من عدة أسطر ولا نريد أن نضيف // لكل سطر نتيجة الكسل أو ما شابه فيكفي أن نكتب*/ في بداية الملاحظة و/* في نهاية الملاحظة :
كود: int x; /* هذا السطر لن يقرأه المترجم وهذا السطر ايضا وهذا أيضاً*/ MessageBox.......
ملحق 1 : تعقب الأخطاء Appendix 1 : Error Handling كثيراً ما تحدث أخطاء في البرامج نتيجة تعامل المستخدم مع البرنامج , وبدون تعقب للأخطاء سيغلق البرنامج بمجرد أي خطأ , لذلك يجب على المبرمج تعقب الأخطاء ليمنع من إغلاق البرنامج وليظهر رسالة للمستخدم بالخطأ مثلاً في تطبيق الآله الحاسبة في الدرس الثاني ماذا لو أدخل المستخدم حرف بدل من رقم بالتأكيد كائن التحويل Convert.ToInt32 سيطلق خطأ لأنه لن يستطيع تحويل حرف إلى رقم الكود كان هكذا :
كود: int x; int y; int z; x=Convert.ToInt32(t1.Text); y=Convert.ToInt32(t2.Text); z=x y; MessageBox.Show(Convert.ToString(z));
وعند إدخال حرف إلى مربع النص t1 أو t2 فستظهر رسالة خطأ ويتوقف البرنامج لتعقب الأخطاء نستخدم جملة try و catch حيث نكتب الكود الذي يمكن أن يسبب خطأ ضمن جملة try ونكتب الكود الذي ينفذ في حالة حدوث حطأ ضمن جملة catch ويصبح الكود السابق هكذا:
كود: try { int x; int y; int z; x=Convert.ToInt32(t1.Text); y=Convert.ToInt32(t2.Text); } catch { MessageBox.Show("تأكد من إدخال أرقام فقط"); } z=x y; MessageBox.Show(Convert.ToString(z));
الكود باللون الأزرق هو مكان إحتمال وجود الخطأ لأنه المكان الذي يتم تحويل المدخلات إلى رقم وإذا حصل إي خطأ فإن المعالج سينتقل لتنفيذ الكود باللون الأحمر أما إذا لم يحدث أي خطأ , فالمعالج لن ينفذ الكود بالأحمر ..
ملحق 2 :إنهاء البرنامج Appendix 2 : Program Termination لإنهاء البرنامج نحتاج إلى كائن يتعامل مع بيئة الدوت نت وهذه هي التعليمة :
كود: System.Environment.Exit(0);
الكائن Environment يمثل بيئة الدوت نت الذي يعمل عليها البرنامج والتعليمة Exit تجعل المعالج ينهي البرنامج ويفرغ الذاكرة Release Memory References والمدخل 0 يعني إنهاء البرنامج تماماً و سنعرف فيما بعد مدخلات أخرى لهذه التعليمة ملحق 3 : التعامل مع ملفات المشروع Appendix 3 :-Dealing with project files في لغات البرمجة المشروع ليس ملف وحيد فقط , انما مجموعة من الملفات المترابطة مع بعضها بواسطة ملف المشروع وعند فتح المشروع يجب فتح الملف الأساسي للمشروع وسيقوم هو آلياً بتحميل جميع ملفات المشروع لبيئة التطوير : كما في الصورة فالملف الأساسي للمشروع هو بامتداد csproj وإذا كان المشروع متعدد البرامج فالملف الأساسي هو بإمتداد sln أما إذا كان المشروع برنامج واحد كما في مشروعنا فيمكن فتح أي منهما وإذا أردت أن تنسخ المشروع فعليك نسخ المجلد بالكامل الذي يحتوي على جميع الملفات ثم فتح المشروع بواسطة ملف المشروع الأساسي يتبع التطبيق.. ..
التطبيق ربما تسائل الكثير عن وظيفة الملفات الكثيرة التي تنتهي بإمتداد dll حان الوقت لنعرف ذلك , dll هي إختصار لـ Dynamic Link Library هذه الملفات كتبت بلغة برمجة و تحتوي على دوال وإجرائات وكائنات و تستخدم في برامج أخرى, مثلاً دالة إظهار رسالة كما إستخدمناها في الدروس السابقة موجودة في ملف اسمة System.dll ينزل مع لغة البرمجة , وبدون هذا الملف لن نستطيع إظهار الرسالة , حيث أن شفرة إظهار الرسالة ورسم صندوق الرسالة ورسم زر موافق ورسم شريط العنوان كلها هذه الشفرة مكتوبة مسبقاً وموجود في الملف System.dll ونحن ما علينا سوى إستدعائها من الملف كما نستدعي دالة أو إجراء عادي , وهناك دوال كثيرة أخري تتعلق بقواعد البيانات موجوده في الملف System.Data.dll وهناك دوال الرسم موجوده في System.Drawing.dll .... إي أن الدوال و الإجراءات والكائنات في لغات البرمجة مقسمة في ملفات بغرض تنظيمها وعندما تريد إستخدام دالة في ملف محدد يجب أن تظيف هذا الملف إلى مشروعك حتى يتعرف علية المعالج ويستطيع إستدعاء الدوال داخلة . ربما تسأل كيف إستخدمنا دالة إظهار الراسالة في الدروس السابقة ولم نظيف ملف System.dll الإجابة أن لغة البرمجة تضيف هذا الملف آلياً لأنه يحتوي على دوال كثيرة الإستخدام ومهمة ولتعرف إن هذا الملف مضاف في المشروع : أفتح نافذة ملفات المشروع كما في رقم 1 ثم إفتح الملحقات References رقم 2 سترى مجموعة من الملفات مضافة للمشروع ومنها ملف System رقم 3 وفي بداية كود النافذة يجب إستدعاء الملف بإستخدام تعليمة using حتى يتم تحميل جميع كائنات ودوال الملف ويتمكن المعالج من معرفتها وإستخدامها . أحياناً ملف dll يحتوي على كائنات داخلة وداخل كل كائن دوال مختلفة في هذه الحالة لن نستطيع إستدعاء الدالة كما فعلنا في دالة إظهار الرسالة لأن المعالج لا يعرف مكان الدالة في الملف فهو يفحص الدوال الموجوده في الملف ولكنه لا يفحص الكائنات , لذلك لا يجد الدوال المخزنة داخل كائنات ويجب علينا أن نحدد عنوان الدالة داخل الملف , ويتم ذلك بكتابة إسم الكائن متبوعاً بنقطة ثم إسم الكائن الداخلي ... وهكذا حتى نصل إلى مكان الدالة مثلاً دالة إنهاء البرنامج هي Exit , وهذه الدالة موجوده داخل كائن إسمة Environment وهذا الكائن موجود داخل ملف System , فإذا إستدعينا هذه الدالة بإسمها فقط فإن المعالج لن يعرف عنوانها ويظهر لنا خطأ , لذلك وجب علينا تحديد عنوانها هكذا :
كود: System.Environment.Exit(0);
.. وبما أن تطبيقنا يشغل ملفات صوت وفيديو فيجب علينا إضافة الملفات التي يوجد فيها دوال الصوت والفيديو ودوال الصوت والفيديو موجود في ملفي dll وللأسف هذه الملفات لا ينزل مع لغة البرمجة لذلك يجب تنزيلها من هذا الرابط بعد تنزيل الملفات وفك الضغط , إفتح المشروع وافتح نافذة ملفات المشرع واضغط بالزر الأيمن على References وإختار Add Reference ستظهر لك هذه النافذة: إختر Browse من تبويب .Net Assemply ثم أضف ملف Microsoft.DirectX.AudioVideoPlayback.dll الذي قمت بتنزيله حتى يظهر الملف في قائمة الملفات المختارة رقم 3 , ثم إختر OK سترى أن الملف تم إضافتها إلى قائمة الملفات الملحقة : الآن في أعلى كود النافذة يجب إستدعاء الملف ليتعرف عليه المعالج وذلك بإضافة الكود:
كود: using Microsoft.DirectX.AudioVideoPlayback;
يضاف هذا الكود أسفل تعليمات الإضافة الإفتراضية كما في الصورة : الآن إذهب إلى تصميم نافذة تطبيق الدرس السابق و قم بحذف القائمة l1 وعدل النص في الزر من "تشغيل الدوارة" إلى "فتح ملف الصوت" إسحب زر آخر وأكتب عليه "تشغيل ملف الصوت" ثم إسحب أداة OpenFileDialog إلى النافذة ستلاحظ أنها لن تضاف في النافذة وإنما في شريط أصفر تحت وذلك لأن هذه الأداة لا تظهر على النافذة مثل الزر أو صندوق النص الآن إختر الأداة من الشريط الأصفر و غير إسمها من openFileDialog1 إلى OF ليسهل التعامل معها من الكود حتى يصبح شكل النافذة هكذا : الآن سنقوم بتعريف متغير من نوع مشغل صوت Audio, وهذا النوع موجود في ملف Microsoft.DirectX.AudioVideoPlayback كنا نعرف متغير من نوع رقم هكذا :
كود: int x;
وبنفس الطريقة سنعرف متغير"كائن" من نوع مشغل صوت
كود: Audio ap;
عرفنا كائن أسمة ap من نوع Audio .. لاحظ أن النوع Audio لا يعتبر متغير وإنما كائن لأنه يحتوي على أفعال وصفات ودوال كما سنرى ولكن لاحظ أننا سنستخدم هذا الكائن في إجرائين إثنين , إجراء فتح الملف و إجراء تشغيل الملف إذا في أي إجراء سنعرفه ؟؟ .... يجب أن يكون هذا المتغير متغر عام Global لذلك يجب أن نعرفه خارج الإجرائين ونحدد هل هو عام لجميع النوافذ أم خاص لهذه النافذة إبحث عن مكان في الشفرة خارج الإجرائين , والمفضل أن يكون كما حددته في الدرس وقم بتعريف الكائن بهذا الكود :
كود: private Audio ap;
بما اننا سنستخدمة في هذه النافذة فقط جعلنا نوعه خاص private : الآن افتح التصميم و اضغط مزدوجاً على زر "فتح ملف الصوت" لتذهب إلى الكود إمسح الكود من الدرس السابق : وأضف هذا الكود :
أضغط مزدوجا على زر "تشغيل ملف الصوت" وأضف هذا الكود:
كود: ap.Play();
في الكود الأول إستخدمنا دالة ShowDialog في أداة فتح الملفات OF لتظهر لنا نافذة لفتح ملف الصوت : هذة الدالة ترجع قيمة من نوع نص تحتوي على مسار الملف الذي إخترته وفي السطر الثاني إستخدمنا دالة FromFile في كائن Audio لفتح الملف وتحميلة للمتغير ap لاحظ أن الدالة FromFile تتطلب مدخل من نوع نص يحتوي على مسار الملف المراد تحميلة ومسار هذا الملف هو القيمة التي سترجعها الدالة OF.FileName في الكود الثاني إستخدمنا دالة Play في المتغير ap لتشغيل ملف الصوت الآن قم بتشغيل البرنامج وإضغط على زر "فتح ملف الصوت" وإختر ملف صوت من نوع mp3 أو wav , لا تختر ملف من نوع rm سنعرف فيما بعد كبف نشغل ملفات rm و ram بعد إختيار الملف اضغط على زر "تشغيل ملف الصوت" واستمع للصوت الناتج من برنامجك ملاحظة : بما ان التطبيق أستخدم دوال داخل ملف Microsoft.DirectX.AudioVideoPlayback فانه عند تشغيل البرنامج سيقوم المعالج بنسخ هذا الملف إلى مسار البرنامج ولن يعمل البرنامج إلا إذا كان هذا الملف إلى جانبه في نفس المجلد الواجب *ماذا لو إخترت ملفاً غير صوتياً وجربت تشغيلة بالطبع سيظهر لك خطأ ويتوقف البرنامج , ما رأيك لو تعقبت هذا الخطأ وأظهرت رسالة بالعربية تخبر المستخدم ما اللذي يجري . تلميح : ظهر الخطأ سيكون عند تعليمة كود:
كود: ap.Play();
لذلك يجب وضع هذه التعليمة ضمن جملة try و ... يمكن أيضاً أن يظهر خطأ عند التعليمة :
كود: ap=Audio.FromFile(OF.FileName);
وبالتالي فالأفضل وضعها ضمن جملة try أيضاً .
*أضف زر لإنهاء البرنامج وأرسل التطبيق .. ملاحظة مهمة: ليعمل تطبيق الصوت في أنظمة لا تحتوي على DirectX SDK يجب إرفاق ملف DirectX الذي قمت بتنزيله في مجلد التطبيق بجانب ملف البرنامج بمعنى أن نضع هذا الملف بجانب ملف البرنامج exe كما في الصورة
تشغيل ملف فيديو دوال تشغيل الفيديو موجودة في ملف Microsoft.DirectX.AudioVideoPlayback.dll الذي أضفناه إلى التطبيق في الدرس السابق دوال الفيديو تشبه إلى حد كبير دوال الصوت عدى عن إختلافات بسيطة من اهم هذه الإختلافات أنه يمكنك أن تحدد كائن حاضن Owner Control لشاشة الفيديو معنى كائن حاضن اي كائن يعمل كشاشة فيديو أما إذا لم تحدد كائن حاضن فان التطبيق سيفتح نافذه جديدة لتكون شاشة الفيديو قراءة أحداث المفاتيح كل كائن له صفات و دوال كما عرفنا سابقاً , والكائنات تحتوي أيضاً على أحداث Events مثلاً الزر له عدة أحداث منها عند الضغط عليه Click وعند الضغط المزدوج DoubleClick و عند مرور مؤشر الماوس به MouseOver وفي الدروس السابقة إستخدمنا حدث Click فقط للتصفح بين أحداث الكائن , إختر الكائن ثم أفتح نافذة الصفات "الخواص" واختر زر الأحداث: ستظهر لك قائمة بجميع الأحداث للكائن المحدد ولكي تضيف تعليمات عند حدوث حدث معين اضغط مزدوجاً على أسم الحدث في القائمة ستتنتقل إلى الشفرة لتكتب التعليمات التي تنفذ عن حدوث ذلك الحدث ومن الأحداث المهة حدث KeyPress وينطلق هذا الحدث عند الضغط على أي مفتاح في لوحة المفاتيح . التطبيق إفتح تطبيق الدرس السابق وعدل النص في زر فتح ملف الصوت إلى "فتح ملف ميديا" وفي زر تشغيل ملف الصوت إلى "تشغيل ملف ميديا" أضف زراً جديداً وغير النص فيه إلى "ملئ الشاشة" قبل تشغيل ملف الفيديو يجب أن نحدد له كائن حاضن ليعمل كشاشة افتح التصميم وأضف أدات البانيل إلى الفورم: تأكد من إختيار البانيل و غير صفة الإسم إلى p1 غير صفة العرض Width إلى 400 وصفة الإرتفاع Height إلى 300 من خلال صفة BackgroundImage إختر اي صورة لتكون خلفية الشاشة ليصبح شكل النافذة هكذا: أضغط مزدوجاً على أي زر للذهاب إلى الشفرة , نحتاج إلى تعريف كائن عام Global من نوع فيديو ولأننا سنستخدمة في أكثر من إجراء سنعرفه خارج جميع الإجراءات والدوال , إذهب إلى الشفرة حيث عرفنا متغير الصوت في الدرس السابق وأكتب تعريف كا ئن الفيديو :
كود: private Video vp;
تحت تعريف كائن الصوت من الدرس السابق : سنجعل التطبيق يفتح ملفات صوت أو ملفات فيديو , لكن المشكلة أن للصوت كائن وللفيديو كائن آخر , وبالتالي يجب أن نعرف نوع الملف حتى نستخدم الكائن المحدد وبما أن أنواع الفيديو كثيرة جداً فلا يمكننا فحص نوع الملف لتأكد من نوعه وبالتالي فالحل الوحيد هو أن نحاول أولا تشغيل الملف بكائن الفيديو فإن ظهر لنا خطأ فنحاول نشغلة بكائن الصوت , وأن ظهر لنا خطأ للمرة الثانية فالملف غير صالح قد يسأل البعض لماذا بدأنا بتجربة كائن الفيديو مع أن معظم الملفات ستكوت صوت والإجابة أن كائن الصوت ممكن أن يشغل ملفات فيديو بدون صورة , يعني انه يفتح ملف الفيديو ويشغل الصوت الذي فيه , وبالتالي فربما يكون الملف فيديو ويتم تشغيله كملف صوت لذلك يجب أولاً تجربة كائن الفيديو حتى إذا كان ملف فيديو يشغل الصوت مع الصورة وإذا كان ملف صوت نجرب كائن الصوت .. لعمل ذلك نحتاج إلى تنفيذ جملة تعقب الإخطاء try مرتين متداخلتين:
كود: try { //شغل ملف الفيديو } catch { try { //شغل ملف الصوت } catch { //الملف غير صالح } }
أولا سنجرب فتح ملف فيديو فإذا حدث خطأ فإن المترجم ينتقل لتنفيذ التعليمات داخل جملة catch والتي هي باللون الأزرق , وهناك جملة tryأخرى نقوم من خلالها بتجربة فتح ملف صوت فإذا حدث أي خطأ فان المترجم ينتقل لتنفيذ تعليمات catch التي تحتها خط في زر فتح ملف الميديا أمسح الكود السابق وأكتب بدلاً عنه :
في السطر الأول نحمل الملف الموجود في كائن فتح الملف إلى كائن الفيديو في السطر الثاني نحدد الكائن الحاضن Owner لكائن الفيديو في السطر الثالث والرابع , نعيد تحديد حجم الكائن الحاضن إلى الحجم الأصلي لأن ملفات الفيديو لها أحجام مختلفة وحجم الكائن الحاضن قد يختلف على حسب حجم الصورة في ملف الفيديو لذلك من الأفضل إعادة تحجيم الكائن الحاضن عند حدوث أي خطأ سينتقل المترجم لتنفيذ الكود باللون الأزرق وتعليمة تحميل ملف الصوت إلى كائن الصوت:
كود: ap = Audio.FromFile(OF.FileName);
عند حدوث خطأ آخر هنا سينتقل المترجم إلى تنفيذ تعليمة catch الداخلية وهي إظهار رسالة الخطأ سنستخدم نفس الطريقة في إجراء الضغط على زر تشغيل ملف الميديا إفتح التصميم وأضغط علية مزدوجاً للإنتقال للشفرة أمسح الشفرة الموجودة وأكتب بدلاً منها:
نجرب تشغيل ملف الفيديو وإذا حدث خطا نجرب تشغيل ملف الصوت وإذا حدث خطأ آخر نظهر رسالة. افتح التصميم واضغط مزدوجاً على زر ملئ الشاشة وأكتب تعليمة ملئ الشاشة لكائن الفيديو:
كود: vp.Fullscreen = true;
كائن الفيديو يحتوي على صفة Fullscreen من نوع قيمة بوليانية اما صح أو خطأ فإذا حددنا الصفة بقية true فأن تشغيل الفيديو سيكون ملى الشاشة و إذا حددناها false سيرجع تشغيل الفيديو إلى الكائن الحاضن عرفنا كيف نجعل التشغيل ملئ الشاشة لكن المشكل كيف نرجعه للكائن الحاضن لأنه في وضع ملى الشاشة لن نستطيع أن نرى أي شيئ في شاشة الكمبويتر سوى الفيديو يأتي هنا دور حدث الضغط على أي من مفاتيح لوحة المفاتيح حيث سنجعل الفيديو يرجع إلى الكائن الحاضن بمجرد الضغط على أي من مفاتيح لوحة المفاتيح إفتح التصميم وإختر النافذة الأساسية "لا تختر أي زر أو كائن تأكد من إختيار النافذه كلها" إذهب إلى قائمة الإحداث وأضغط مزردوجاً على الحدث KeyPress ستنتقل إلى شفرة الحدث , أكتب تعليمة إعادة صورة الفيديو إلى الكائن الحاضن :
كود: vp.Fullscreen = false;
هناك مشكلة ستواجهنا هنا وهي في حالة إذا كان تركيز لوحة المفاتيح على زر محدد فلن ينطلق حدث الضغط على النافذة , سينطلق الحدث على الزر المحدد فقط والشفرة السابقة على النافذه الأساسية ,,, الحل أن هناك صفة في النافذة تمكنها من إطلاق الحدث حتى ولو حصل في أي كائن من الكائنات هذه الخاصية هي KeyPreview عدلها من False إلى True لتصبح كما في الصورة الآن شغل البرنامج وجرب تشغيل ملف صوت أو فيديو او ملف نصي تلميحات الأدوات أحيانا تحتاج إلى إظهار ملا حظة بسيطة للمستخدم عن وظيفة زر في التطبيق مثلاً وتظهر هذا الملاحظات في مستطيل أصفر يظهر بمجرد مرور الماوس من فوق الزر مثلاً لو تمرر الماوس فوق زر Start في شريط المهام ستظهر هذه الملاحظة Click here to begin لعمل مثل هذه الملاحظات في تطبيقنا نحتاج لإضافة كائن جديد افتح التصميم واسحب كائن تلميحات الأدوات ToolTip الآن في أي كائن تختارة ستجد صفة جديدة إسمها ToolTip on toolTip1 أكتب فيها أي تلميح نصي للكائن : عند تشغيل البرنامج وتمرير الماوس من فوق الزر ستظهر الملاحظة هكذا: الواجب أرسل التطبيق. .نهاية الدرس الخامس.
تشغيل ملفات الريل بلاير Playing RM Files سنستخدم في هذا الدرس الإجراءات كثيراً , ولمزيد من التوضيح عنها أرجع إلى الدرس الرابع تقنية rm تم تصميمها بواسطة شركة .Real Networks Inc حيث أن لهذه التقنية مزايا كثيرة من أهمها حجم الملفات الصغير الذي يتيح تداول الملفات عبر الوب بسهولة في الدروس السابقة تعاملنا مع ملفات الميديا بأي تقنية ما عدا هذه التقنية ولأن هذه التقنية تختلف تماماً عن التقنيات الأخرى خصصنا لها هذا الدرس. لتشغيل ملفات rm نحتاج لملفات dll تحتوي على دوال تشغيل rm الملفات موجودة للتحميل من هنا وهي من شركة Real تم تحويرة قليلاً ليتعامل مع بيئة الدوت نت في التطبيق سنجد إختلاف بين أوامر rm والأوامر الأخرى لأن شركة Real تحتكر هذه التقنية ولا تقبل بتوزيعها على الشركات الأخرى لذلك فميكروسوفت لا تدعم تشغيل ملفات rm فمثلاً كما رأينا في الدرس السابق فان أمر تشغيل ملف صوت أو فيديو عادي هو:
الأمر الأول يستخدم لتحميل الملف الأمر رقم 2 يستخدم لتشغيل الملف الأمر 3 لإيقاف تشغيل الملف نهائياً الأمر 4 لإيقاف تشغيل الملف مؤقتاً الأمر 5 لإيجاد طول الملف بالثواني الأمر 6 لإيجاد مكان التشغيل , أي إيجاد الموقع في الملف الذي يتم تشغيله مثلاً إذا أنتجت الدالة 60 معنى ذلك أنه يتم الآن تشغيل الثانية رقم 60 من الملف في أوامر Real هناك أمرين أحدهما لقرائة الموقع والآخر لضبط الموقع أما في أوامر ميكروسوفت فالقراءة والضبط تستخدم نفس الأمر سنستخدم في هذا الدرس جميع الأوامر السابقة يتبع التطبيق في الرد التالي
التطبيق إفتح تطبيق الدرس السابق أضف الملف AxInterop.RealAudioObjects.dll الذي قمت بتحميلة إلى المراجع References كما فعلنا في الدرس الرابع سنضيف في هذا التطبيق كائن عام جديد من نوع مشغل rm وليكون إسم هذا الكائن rp إختصار لـ Real Player سنقوم بتعريف هذا الكائن تحت تعريفات كائنات الصوت والصورة في الدرس السابق هكذا:
لاحظ أن كود تعريف الكائن يختلف قليلاً عن تعريف كائنات ميكروسوفت بعد تعريف كائن مشغل rm أصبح لدينا ثلاثة كائنات رئيسية مشغل صوت و مشغل فيديو ومشغل rm وعند فتح ملف جديد سنبدأ بإختبار هل هو ملف فيديو ثم هل هو ملف صوت ثم هل هوملف rm وبالتالي سنستخدم جملة try ثلاث مرات متداخلة عند فتح الملف وعند تشغيل الملف وعند إيقاف تشغيل الملف أو عند تقديم أو تأخير المف .. وإذا أردنا أختصار الكود لنستخدم جملة try المتداخلة فقط عند فتح الملف سنستخدمها فقط عند فتح "تحميل الملف" ومنها سنعرف نوع المف , ونقوم بخزن نوع المف في متغير عام من نوع نص , وعند تشغيل الملف بدلاً من إستخدام try المتداخله كما فعلنا في الدرس السابق سنفحص نوع الملف من خلال المتغير من نوع نص الذي خزنا فيه نوع الملف عند الفتح دون إستخدام جملة try وذلك سيسهل كثيرا ويسرع عملية تشغيل الملف والتعامل معه إذاً سنعرف متغير عام من نوع نص لخزن نوع الملف وليكون إسمه type نعرف هذا المتغير تحت تعريفات كائن الصوت والفيديو و مشغل rm هكذا:
كود: private string type;
بحيث تصبح المتغيرات العامة هكذا : اذهب إلى التصميم أضف للنافذة الأساسية زرين زر للإيقاف و زر للإيقاف المؤقت إذهب إلى كرد البرنامج .. سنقوم بكتابة إجراء مستقل لتحميل ملف الميديا إلى أحد الكائنات الثلاثة إجراء تحميل الملف وهذه الإجراء سيكون مستقله لكي نستطيع إستخدامه في أكثر من مكان لنسمي هذه الإجراء LoadFile وستكون وظيفته إختبار نوع الملف ثم ضبط قيمة المتغير type ليحمل حرف يرمز إلى نوع الملف و ايضاً هذالإجراء ستقوم بتحميل الملف للكائن المناسب من الكائنات الثلاثة الأحرف التي سيحملها المتغير type هي A إذا كان ملف صوت و V إذا كان ملف فيديو وR إذا كان ملف rm أي أن الإجراء سيفحص نوع الملف فإذا كان ملف صوت سيحمل type الحرف A ويحمل الملف إلى كائن الصوت ap أما إذا كان فيديو فيحمل type الحرف V ويحمل الملف لكائن الفيديو vp أما إذا كان الملف rm فيحمل type الحرف R ويحمل الملف لكائن الريل rp فحص نوع الملف سيكون بنفس الطريقة في الدرس السابق ولكنا سنستخدم try ثلاث مرات متداخلة أنسخ هذا الكود إلى الشفرة وتأكد أن يكون هذا الكود خارج أي دالة أخرى:
الكود السابق يمثل إجراء فحص الملف وتحملية إلى أحد الكائنات الإجراء هو جزء من الشفرة يمكن إستخدامه أكثر من مرة من خلال إستدعائه بإسمه فقط وبما أنه إجراء مستقلة يجب ان تكون خارج أي إجراء أخر: الإجراء يتكون من مدخل واحد Path من نوع نص ويمثل مسار الملف الذي سيتم تحميلة أي أننا عندما نستدعي الإجراء سنكتب إسمه ونعطيه مدخل من نوع نص مثلاً:
كود: LoadFile("C://s.mp3");
الكود السابق سيقوم بإستدعاء الإجراء و الإجراء سيقوم بفحص وتحميل الملف s.mp3 الموجود في القرص c ملاحظة: في لغة السي شارب يعتبر حرف \ حرفاً غير مسموح به لذلك عند كتابة مسار الملف يتم إستبدالة بـ //
في السطر الأول من الإجراء تعلمية StopFile وهي إستدعاء لإجراء أخر سنشرحه فيما بعد يقوم إجراء StopFile بإيقاف تشغيل أي ملف لكي يتم تحميل ملف جديد بدلاً منه وإذا لم نوقف تشغيل الملف السابق وقمنا بتحميل ملف آخر سيحدث تداخل في الملفات ويتم تشغيل أكثر من ملف في آن واحد في السطور 2 و3 و4 و5 كما هو مشروح في الكود يتم تصفير الكائنات ومعنى التصفير هو إلغاء تحميل الملفات السابقة لكي يتم تحميل ملفات جديدة بعدها جملة try الأولى تقوم بتحميل كائن الفيديو الملف المدخل من خلال المتغير Path فإذا تم التحميل بنجاح فإن التعليمة type="V" تقوم بتحميل الحرف V إلى المتغير type دلالة على أن نوع الملف هو فيديو , أما إذا حدث إي خطأ في التحميل فسوف يقفز المعالج إلى تنفيذ الكود باللون الأخظر ويتم فيها تحميل الملف لكائن الصوت فإذا تم التحميل بنجاح يتم تحميل المتغير type الحرف A دلالة على أن نوع الملف هو صوت , أما إذا حدث خطأ في التحميل فالمعالج سيقفز إلى تنفيذ الكود باللون الأحر ويتم فيه تحميل الملف إلى كائن rm "لاحظ الأختلاف في الأمر عن أوامر الصوت والفيديو" فإذا تم التحميل بنجاح يتم تحميل المتغير type الحرف R دلالة على أن نوع الملف هو ريل وإذا حدث خطأ في التحميل يقفز المعالج لتنفيذ الكود باللون البرتقالي حيث يظهر رسالة خطأ ويحمل المتغير الحرف N دلالة على أن نوع الملف غير معروف . إجراء تشغيل الملف سنقوم بكتابة إجراء مستقل أخر لتشغيل الملف , إجراء التشغيل سيكون أسهل بكثير من إجراء تحميل الملف لان لدينا نوع الملف مخزن في المتغير type ولن نقوم بفحص نوع الملف مرة أخرى حيث سنقوم بإستخدام تعليمة if لنعرف الحرف الموجود في type ومن خلالة نعرف نوع الملف فنشغل الكائن المطلوب لنسمي هذا الإجراء PlayFile ولن تكون لهذا الإجراء أي مدخلات أنسخ هذا الكود إلى الشفرة وتأكد أن يكون خارج أي إجراء أخر :
في المقارنة الأولى إذا كان المتغير يحمل الحرف V فهذا يعني أن نوع الملف هو فيديو كما في إجراء التحميل ولذلك سيتم تشغيل كائن الفيديو vp , إما إذا لم يكن V فينتقل المعالج للمقارنة الثانية وإلا للثالثة إجراء الإيقاف المؤقت في هذا الإجراء أيضاً سنستفيد من محتويات المتغير type لتحديد نوع الملف والتعامل مع الكائن المحدد أنسخ هذا الكود إلى الشفرة وتأكد أن يكون خارج أي إجراء أخر :
كود: void PauseFile() { if (type=="V") { vp.Pause(); } else if (type=="A") { ap.Pause(); } else if (type=="R") { rp.DoPause(); } }
لا أظن أنها تحتاج إلى شرح.. إجراء إيقاف التشغيل أنسخ هذا الكود إلى الشفرة وتأكد أن يكون خارج أي إجراء أخر:
كود: void StopFile() { if (type=="V") { vp.Stop(); } else if (type=="A") { ap.Stop(); } else if (type=="R") { rp.DoStop(); } }
هذا هو الإجراء الذي إستدعيناه في إجراء تحميل الملف لو قمت بتشغيل البرنامج الآن لن يتم تشغيل أي إجراء لأننا لم نستدعي أي منها إفتح التصميم وإضغط مزدوجاً على زر فتح ملف ميديا , إمسح الكود السابق وأكتب بدلاً عنه:
في السطر الأول إستدعينا نافذة فتح الملف في السطر الثاني إستدعينا إجراء تحميل الملف و حملنا المدخل بناتج كائن فتح الملف أي أنه في شفرة إجراء التحميل ستكون قيمة المدخل Path هي قيمة OF.FileName بعد إستدعاء إجراء تحميل الملف استدعينا إجراء تشغيل الملف , أي أنه سيتم تشغيل الملف بمجرد إختياره إذهب إلى التصميم مجددا واضغط مزدوجاً على زر التشغيل, أمسح الكود السابق وأكتب بدلاً عنه:
كود: PlayFile();
إستدعاء لإجراء التشغيل لا غير نلاحظ كيف أستدعينا إجراء التشغيل في زر فتح الملف وفي زر التشغيل اذهب للتصميم واضغط مزدوجاً على زر الإيقاف المؤقت وأكتب فيه هذا الكود:
كود: PauseFile();
اذهب الي التصميم واضغط مزدوجاً على زر الإيقاف وأكتب هذا الكود:
كود: StopFile();
نستطيع الآن أن نقول أن التطبيق يشغل جميع أنواع الملفات ملاحظة: عند أستيراد ملف دوال الريل بلاير AxInterop.RealAudioObjects.dll تقوم بيئة التطوير بإنشاء الملف الآخر كربط بين التطبيق والملف حيث يتكون الملف Interop.RealAudioObjects.dll بجانب التطبيق بمجرد تشغيل التطبيق من بيئة التطوير وهذا الملف ضروري لأنه يعمل كوسيط بين التطبيق وملف دوال الريل إذا لم تستطيع البيئة تكوين هذا الملف لسبب أو لآخر يجب ان يوضع بجانب التطبيق أي أن ملفات dll التي يحتاجها التطبيق أصبحت أربعة ملفات مع ملفات الدروس السابقة
المصفوفات: المصفوفات هي عبارة عن مجموعة متغيرات من نفس النوع متراصة ومترابطة داخل كائن Array ويتم الوصول لأي عنصر في هذه المجموعة من خلال ترتيبة في المجموعة Index مثلاً : مصفوفة أيام الأسبوع تعتبر مجموعة متغيرات من نوع نص و مصفوفة أيام الشهر تعتبر مجموعة متغيرات من نوع رقم .. يتم تعريف المصفوفة بإحدى ثلاث طرق : 1-طريقة تعريف إسم المصفوفة فقط
التعريف بهذه الطريقة نادراً ما يستخدم , ويحدد فقط إسم لكائن المصفوفة بدون أن يقوم بإنشاءة:
كود: string[] days;
الكود السابق يعرف إسم days لمصفوفة عناصرها من نوع نص لاحظ القوسين المربعين بعد كلة string دلالة على أن days تمثل مصفوفة نصوص وليس نص 2-طريقة تعريف المصفوفة وتحديد عدد عناصرها طريقة التعريف هذه تعرف و تنشئ كائن مصفوفة وتحدد عدد عناصر هذه المصفوفة:
كود: string[] days= new string[7];
لأن المصفوفة هي كائن وجب علينا تعريفه بإستخدام عبارة new والرقم 7 بين قوسي تعريف الكائن هو عدد عناصر المصفوفة أي أن الكود السابق عرف مصفوفة إسمها days تحتوي على 7 عناصر من نوع نص لكن هذه الطريقة لا تحمل قيم لعناصرها , أي أنها تحتوي على 7 نصوص فارغة 3-طريقة تعريف المصفوفة وتحميل قيم لعناصرها هذه الطريقة تعرف وتنشئ كائن المصفوفة وتحمل قيم لجميع عناصر المصفوفة:
كود: string[] days= new string[]{"السبت","الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة"};
في الكود السابق قمنا بتعريف كائن المصفوفة وقمنا بتحميل القيم لجميع عناصره بإدخالها كمجموعة نصوص بين حاصرتين تفصل بين كل نص وآخر علامة , لاحظ أنا لم نحدد عدد عناصر المصفوفة حيث سيقوم المعالج بتحديدها آلياً من خلال عد النصوص المدخلة بين الحاصرتين ملاحظة : العناصر المدخلة بين حاصرتين يجب أن تكون من نفس نوع عناصر المصفوفة الوصول إلى عناصر المصفوفة: كما قلنا سابقاً يتم الوصول إلى عناصر المصفوفة من خلال ترتيب العنصر المراد الوصول إليه والترتيب في المصفوفات يبدأ من الصفر , أي أن أول عنصر في المصفوفة ترتيبة صفر فمثلاً في مصفوفة الأيام , يوم السبت ترتيبة صفر و الأحد ترتيبة 1 ... والجمعة ترتيبة 6 ويتم الوصول إلى العنصر المحدد بكتابة إسم المصفوفة الموجود بها متبوعا بقوسين مربعين بينهما ترتيب العنصر ماذا لو أردنا إظهار رسالة تخبرنا بالعنصر الذي ترتيبة 4 في مصفوفة الأيام :
كود: string[] days= new string[]{"السبت","الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة"}; MessageBox.Show(days[4]);
لاحظ كيف تم الوصول إلى العنصر الرابع في مصفوفة days من خلال العبارة days[4] الكود السابق ينتج هذه الرسالة : يمكن أيضاً تعديل أي عنصر من عناصر المصفوفة من خلال ترتيبة في المصفوفة :
كود: string[] days= new string[]{"السبت","الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة"}; days[4]="الأربعاء بعد التعديل"; MessageBox.Show(days[4]);
في السطر الثاني غيرنا قيمة العنصر الذي ترتيبة 4 إلى "الأربعاء بعد التعديل" الكود السابق ينتج الرسالة التالية : القوائم مع أن المصفوفات تعتبر من أهم هياكل البيانات التي استخدمت في لغات البرمجه منذ نشأتها إلا أن لها عدداً من العيوب التي سعت C#2005 لحلها من خلال إدخال نوع جديد من هياكل البيانات اهم العيوب هو حجم المصفوفة الثابت , فعند تعريف مصفوفة وإسناد قيم لها أو تعريف حجمها لن تستطيع أن تزيد من حجمها أو تنقص منه , وأيضاً لا توجد طريقة فعالة للبحث بين العناصر مثلاً في مصفوفة أيام الأسبوع لا يوجد طريقة للبحث عن يوم السبت مثلاً إلى باستخدام دوارة تمر بجميع عناصر المصفوفة:
كود: for(int i=0;i<days.Lehgth;i ) { if (days[i]=="السبت") { MessageBox.Show("هذا يوم السبت"); } }
هيكل البيانات الجديد الذي تفادى عيوب المصفوفات هو القائمة حيث يتم تعريف القائمة وتعريف أنواع عناصرها هكذا:
كود: List<string> dayslist;
ولأن القائمة كائن وليست متغير , فيجب إستخدام عبارة new ليصبح التعريف الصحيح هكذا:
كود: List<string> dayslist=new List<string>();
لاحظ أننا لم نحدد لها حجم أو عدد لعناصر لأن حجمها متغير , حيث تستطيع أن تضيف لها عنصر هذا:
كود: dayslist.Add("السبت");
كما أنك تستطيع أن تضيف لها عناصر مصفوفة كاملة:
كود: dayslist.AddRange(days);
الكود السابق يضيف عناصر المصفوفة days إلى القائمة dayslist وتستطيع أن تحذف منها عنصر هكذا :
كود: dayslist[5].Remove();
الكود السابق يحذف العنصر الذي ترتيبة 5 من القائمة كما أنك تستطيع البحث عن عنصر ما هكذا :
كود: dayslist.Contains("السبت");
الدالة السابقة سترجع القيمة true إذا كان العنصر موجود في القائمة أو ترجع القيمة false إذا لم يوجد العنصر في القائمة مما سبق نستنتج أن القائمة أفضل بكثير وأسهل في الإستخدام من المصفوفة وهذا ما سنستخدمه في تطبيقنا يتبع التطبيق في الرد التالي:
التطبيق: تشغيل أكثر من ملف سنضيف خاصية جديدة للبرنامج وهي فتح أكثر من ملف وإضافتها إلى قائمة التشغيل حيث سنستخدم قائمة عناصرها من نوع نص لتخزين مسارات الملفات في قائمة التشغيل إفتح تطبيق الدرس السابق , ومن صندوق الأدوات قم بسحب أداة القائمة : من خلال الخاصية (Name) في جدول الخصائص قم بتغيير إسم القائمة من ListBox1 إلى pl ليسهل التعامل معها من الشفرة , هذه هي قائمة التشغيل قم بإعادة ترتيب الأدوات في النافذة حتى يصبح شكلها هكذا : قم بتحديد إداة OF في الشريط الأصفر تحت النافذة: وإذهب إلى جدول الخصائص وقم بتغيير خاصية Multiselect إلى True عند إسناد قيمة True إلى هذه الخاصية فإنها تسمح لأداة إختيار الملفات بإختيار أكثر من ملف واحد كل مرة: الآن سنعرف متغير عام من نوع قائمة عناصرها نصوص لخزن مسارات الملفات المختارة بأداة إختيار الملفات كائن القائمة موجود في فضاء الأسماء System.Collections.Generic لذلك يجب إضافة عبارة using لتضمين كائنات ودوال الفضاء إذهب إلى شفرة النافذة وأضف عبارة using التالية تحت عبارات using الموجوده في رأس الصفحة :
كود: using System.Collections.Generic;
إذهب إلى شفرة البرنامج وقم بكتابة الكود التالي تحت كود تعريف كائنات Audio و Vedio و type :
كود: public List<string> albume=new List<string>();
تحميل قيم القائمة أداة إختيار الملفات OF تحتوي على خاصية إستخدمناها في الدروس السابقة وهي خاصية FileName , وهذه الخاصية تحمل قيمة من نوع نص للملف الذي قام المستخدم بإختياره لكن ماذا لو إختيار المستخدم أكثر من ملف واحد ؟ لحسن الحظ يوجد خاصية أخرى إسمها FileNames "بزيادة حرف s عن الخاصية الأخرى" والخاصية FileNames تحمل مصفوفة جميع الملفات الذي قام المستخدم بإختيارها وعناصر المصفوفة من نوع نص لخزن مسارات الملفات المختارة فمثلاً لو إختار المستخدم 3 ملفات سيكون عدد عناصر هذه المصفوفة 3 إذهب إلى التصميم وإضغط مزدوجاً على زر فتح ملف ستجد الكود التالي :
في السطر الثاني قمنا بتحميل جميع عناصر المصفوفة OF.FileNames إلى القائمة albume والمصفوفة OF.FileNames كما شرحنا سابقاً تحتوي على عناصر تحمل مسارات الملفات المختارة وقمنا بإضافة عناصرها إلى القائمة albume والتي سنستخدمها في أنحاء البرنامج في السطر الثالث قمنا بتحميل العنصر الذي ترتيبة صفر من قائمة albume حتى يتم تشغيله وفي السطر الرابع إستدعينا إجراء FillList الذي يقوم بملئ قائمة التشغيل بأسماء الملفات في عناصر القائمة albume كما سنشرح في الفقرة التالية إجراء FillList هذا الإجراء سيقوم بنقل جميع عناصر القائمة albume إلى قائمة التشغيل حتى يسهل الوصول للمقطع الصوتي المراد تشغيلة , لكن , القائمة albume تحتوي على مسارات الملفات كاملة , وقائمة التشغيل لا تتسع لكتابة مسار الملف كاملاً نريد فقط أسماء الملفات في قائمة التشغيل لحسن الحظ يوجد كائن في إطار العمل داخل الفضاء System.IO يقوم بهذا العمل الكائن Path يحتوي على دالة GetFileName تقوم بأخذ مسار الملف كاملاً وتنتج لنا إسم الملف فقط إذا كان مسار الملف هو :
كود: c:\sounds\s1\track.mp3
فالدالة GetFileName تأخذ المسار كامل وترجع القيمة التالية :
كود: track.mp3
يتم إستدعاء الكائن Path من خلال كتابة عنوناه الكامل :
في السطر الأول عرفنا متغير من نوع نص ليحمل نتيجة الدالة GetFileName في السطر الثاني قمنا بإستدعاء الدالة GetFileName من خلال كتابة عنوانها كاملاً وأسندنا ناتج الدالة للمتغير FileName السطر الثالث سينتج رسالة مكتوب عليها : track.mp3 بعد أن شرحنا عمل الدالة GetFileName سنحتاج في هذا الإجراء أيضاً لدوارة تقوم بالمرور على كافة عناصر القائمة albume يمكنك الرجوع للدرس الثالث ومراجعة الدوارات تبدأ الدوارة من 0 إلى عدد عناصر القائمة , حيث يمكن معرفة عدد عناصر القائمة من خلال الخاصية Count :
كود: albume.Count;
إفتح شفرة البرنامج , وأنسخ الكود التالي وتأكد أن يكون خارج أي إجراء آخر :
الأمر pl.Items.Clear يقوم بتنظيف القائمة من أي عناصر موجوده مسبقاً حتى تستعد لإدخال العناصر الجديدة الكود داخل حاصرتي for سيتم تنفيذه بعدد عناصر القائمة albume في السطر الأول من الكود داخل حاصرتي for , قمنا بتعريف الكائن الذي سيحمل نتيجة الدالة GetFileName وفي السطر الثاني إستدعينا الدالة GetFileName ومررنا لها العنصر الذي ترتيبة i من قائمة albume طبعاً في أول مرة يتم تنفيذ الكود سيكون i يساوي صفر , والمرة الثانية 1 والثالثة 2 وهكذا فإن قيمة i متغيرة من مرة لأخرى في السطر الثالث أضفنا إسم المكلف الناتج إلى قائمة التشغيل pl .. عند تشغيل البرنامج حالياً وإختيار عدة ملفات ستنتقل جميع أسماء الملفات إلى قائمة التشغيل ويبدأ البرنامج بتشغيل أول ملف في القائمة : إختيار الملف من قائمة التشغيل إذهب إلى التصميم , وأنقر مزدوجاً على قائمة التشغيل , ستنتقل إلى شفرة البرنامج أنسخ الكود التالي حيث مؤشر الفارة " بين حاصرتي إجراء plSelectedIndexChanged
حيث يتم تنفيذ الكود السابق كل مرة تقوم بها بإختيار عنصر من قائمة التشغيل. عند إختيار عنصر من قائمة التشغيل , فإن السطر الأول يقوم بإيقاف تشغيل الملف الحالي والسطر الثاني يأخذ ترتيب العنصر المختار من قائمة التشغيل من خلال الخاصيةSelectedIndex ويقوم بتحميل الملف من قائمة albume الذي ترتيبة هو نفس ترتيب العنصر المختار في قائمة التشغيل السطر الثالث والرابع تم شرحهما سابقاً .. الآن قم بتشغيل البرنامج وإختر أكثر من ملف , سيتم نقل إسماء الملفات لقائمة التشغيل ثم تشغيل أول ملف في القائمة , وعند إختيار ملف آخر من قائمة التشغيل سيتوقف تشغيل الملف الحالي ويبدأ تشغيل الملف المختار خطأ شائع: أحيانا يقم المؤقت بتغيير قيمة شريك التنقل قبل أن يتم تحميل الملف وهذا يسبب خطأ لأن قيم شريط التنقل الكبرى والصغرى لم يتم ضبتها بعد ولا يجوز تغيير قيمة شريك التنقل قبل ضبط قيمه الصغرى والكبرى لمعالجة الخطأ إذهب إلى شفرة إجراء المؤقت Timer1Tick :
كود: void Timer1Tick(object sender, System.EventArgs e) { if (type=="V") { trackBar1.Value=Convert.ToInt32(vp.CurrentPosition); } else if (type=="A") { trackBar1.Value= Convert.ToInt32(ap.CurrentPosition); } else if (type=="R") { trackBar1.Value=Convert.ToInt32(rp.GetPosition()); } }
وأضف إلى بدايتها الكود التالي:
كود: if (trackBar1.Maximum == 0) { SetTrackBar(); }
وهذا الكود يفحص ما إذا كانت قيمة شريط التنقل الكبرى قد تم ضبطها فإن كانت قيمتها 0 يعني أنه لم يتم ضبطها بعد وبالتالي يستدعي إجراء ضبطها مرة أخرى حيث يصبح شكل الإجراء هكذا بعد وضعه داخل عبارة try لتفادي الأخطاء الأخرى :
كود: void Timer1Tick(object sender, System.EventArgs e) { try { if (trackBar1.Maximum == 0) { SetTrackBar(); } if (type=="V") { trackBar1.Value=Convert.ToInt32(vp.CurrentPosition); } else if (type=="A") { trackBar1.Value= Convert.ToInt32(ap.CurrentPosition); } else if (type=="R") { trackBar1.Value=Convert.ToInt32(rp.GetPosition()); } } catch { } }
التطبيق إفتح تصميم البرنامج , ومن صندوق الأدوات قم بسحب كائن صندوق المجموعة Group Box إلى الفورم الرئيسي: قم بإختيار صندوق المجموعة ومن جدول الخصائص إذهب إلى خاصية Text وأكتب أمامها "طريقة التشغيل" , ستلاحظ أن عنوان صندوق المجموعة قد تغير : من صندوق الأدوات أيضاً قم بسحب كائن زر الإختيار Radio Button مرتين إلى صندوق المجموعة : تأكد من أن زري الإختيار قد تم وضعها داخل صندوق المجموعة : إختر زر الإختيار المسمى radioButton1 وإذهب إلى جدول الخصائص وغير الخاصية (Name) من radioButton1 إلى serbtn وغير الخاصية Text من radioButton1 إلى تتابعي وغير أيضاً الخاصية Checked إلى true إختر زر الإختيار الأخر المسمى radioButton2 وإذهب إلى جدول الخصائص وغير الخاصية (Name) من radioButton2 إلى rndbtn وغير أيضاً الخاصية Text من radioButton2 إلى عشوائي عدل ترتيب الأدوات في النافذه حتى يصبح شكلها هكذا : سنحتاج إلى متغير عام من نوع رقم وليكن current حيث سيقوم بخزن ترتيب الملف الذي يتم تشغيله حالياً قم بإضافة هذا المتغير أسفل المتغيرات العامة من الدروس السابقة : إجراء تشغيل الملف الحالي الإجراء PlayCurrent وظيفته هي تشغيل الملف الذي ترتيبه هو قيمة current من القائمة albume مثلاً إذا كانت قيمة current هي 3 فإن هذا الإجراء يشغل الملف من قائمة التشغيل والذي ترتيبه 3 إنسخ هذا الإجراء إلى شفرة البرنامج وتأكد أنه خارج أي إجراء آخر
إجراء إختيار الملف التالي وظيفة الإجراء SetNext هي إختيار الملف التالي لتشغيلة بعد الإنتهاء من تشغيل الملف الحالي حيث يقوم هذا الإجراء بفحص طريقة التشغيل المختارة من قبل المستخدم ومن خلالها تقوم بإختيار الملف التالي بطريقتين مختلفتين:
كود: if(rndbtn.Checked) { //current إضافة 1 إلى المتغير } else { // current إختيار رقم عشوائي وتحميلة للمتغير }
إنسخ الإجراء التالي إلى شفرة البرنامج وتأكد أنه خارج أي إجراء آخر:
في السطر الثالث من الكود السابق توجد عبارة if والتي تفحص زر الإختيار serbtn الذي خصصناه للتشغيل التتابعي فإذا كانت حالة الزر Ckecked أي أن الإختيار عليه , أي أن نوع التشغيل المختار من قبل المستخدم هو التتابعي عندها في السطر الخامس نقوم بإضافة 1 إلى قيمة current , فإذا كانت قيمته مثلاً 5 ستصبح قيمته 6 إما إذا كذا الإختيار على الزر الآخر وهو المخصص للتشغيل العشوائي ففي السطر التاسع قمنا بتعريف كائن من نوع Random وفي السطر العاشر إسندنا للمتغير current القيمة الناتجة من دالة إنتاج الأرقام العشوائية حيث أن الدالة ستنتج رقماً عشوائيا بين الصفر و ترتيب آخر عنصر في قائمة التشغيل ونعرف أن عدد عناصر قائمة التشغيل هو طول نفس عدد عناصر القائمةalbume ولكن عدد عناصر القائمة يختلف عن الترتيب لأنه كما قلنا في الدرس السابق فإن الترتيب في المصفوفات والقوائم يبدأ من الصفر فإذا كان طول القائمة 5 فإن أعلى ترتيب فيها هو 4 لذلك إضفنا -1 بعد طول المصفوفة
في السطر الثاني عشر قمنا بتغيير الإختيار في قائمة التشغيل من خلال الخاصية SelectedIndex مثلاً لو أردنا أن نختار العنصر الثالث من قائمة التشغيل سنستخدم الكود التالي :
كود: pl.SelectedIndex=2;
لاحظ 2 و ليست 3 لأن العنصر الثالث في القائمة ترتيبه 2 وليس 3 حيث ان العنصر الأول كما قلنا ترتيبه 0 والعنصر الثاني ترتيبه 1 والعنصر الثالث ترتيبه 2 و هكذا . في السطر الثالث عشر قمنا بإستدعاء الإجراءPlayCurrent والذي يقوم بتشغيل الملف الذي ترتيبه هو قيمة current هناك ملاحظة على الكود السابق فإذا كانت طريقة التشغيل تتابعي , ووصل ترتيب الملف إلى آخر عنصر عندها إذا أضفنا 1 إلى المتغير current فإنه سيحمل ترتيب أعلى من ترتيب آخر عنصر في القائمة وهذا سيسبب خطأ عند محاولة تحميل ملف غير موجود اساساً في قائمة الملفات albume وقائمة التشغيل لذلك يجب أن نفحص قيمة current أولاً فإذا كانت تساوي آخر ترتيب في القائمة فنقوم بأسناد الرقم 0 إلى المتغير current حتى يرجع ترتيب المتغير لأول عنصر في القائمة , وبالتالي عند الإنتهاء من تشغيل جميع الملفات في القائمة فسيعود تشغيل الملفات من أول القائمة مرة أخرى في كود إجراء إختيار الملف أحذف السطر التالي :
عبارة if في السطر الأول تقوم بفحص قيمة current فإذا كانت تساوي ترتيب آخر عنصر بالقائمة ففي السطر الثالث تسند القيمة 0 إلى المتغير current أما إذا كانت قيمة current لا تساوي ترتيب آخر عنصر ففي السطر السابع تضيف 1 إلى قيمة current بالتعديل السابق يصبح إجراء إختيار الملف التالي هكذا :
متى نستدعي إجراء إختيار الملف التالي ؟ إذا قمت بتشغيل البرنامج فلن يتم تشغيل الملفات لا عشوائيا و لا تتابعياً لأننا قمنا بكتابة كود إجراء الأختيار ولكنا لم نستدعه في أي مكان في البرنامج والمفروض أن نستدعي إجراء إختيار الملف التالي عند الإنتهاء من تشغيل الملف الحالي ولكن كيف نعرف متى سيتم الإنتهاء من تشغيل الملف الحالي ؟ حسنا نعرف أن قيمة شريط التنقل عبر الملف تتغير كل ثانية بفعل المؤقت سنستخدم هذه الميزة لنعرف وقت الإنتهاء من تشغيل الملف الحال .. حيث أنه عند الإنتهاء من تشغيل الملف فإن قيمة شريط التنقل تصبح مساوية لطول الملف إذا سنختبر قيمة شريط التنقل في كل مرة تتغير فيها فإذا أصبحت قيمته مسوية لطول الملف يعني أنه وصل إلي نهاية الملف الحالي وبالتالي يجب إستدعاء إجراء SetNext لكن هناك مشكلة , فالمؤقت يغير قيمة الشريط كل ثانية واحدة , وطول المف في ملفات الريل يقاس بالملي ثانية أي انه عند وصول الملف لنهايته فهناك إحتمال كبير أن لا تكون قيمة الشريط هي طول الملف لذلك يجب أن نجد طريقة أخر لفحص الصول إلى نهاية الملف الطريقة هي أن نفحص نوع الملف الذي يتم تشغيله حالياً فإذا كان ملف ريل فالفحص يتم على آخر 1000 رقم أما إذا كان ملف صوت عادي أو ملف فيديو فالفحص يتم على أخر رقم أي أن شرط الوصول إلى نهاية ملف الريل يتحقق إذا كانت قيمة شريط التنقل أكبر من طول الملف ناقص 1000 وشرط الوصول إلى نهاية ملف الصوت العادي والفيديو يتحقق إذا كانت قيمة شريط التنقل أكبر من طول الملف ناقص واحد كما سنشرح في الفقرة التالية إذهب إلى تصميم البرنامج وقم بإختيار كائن التنقل trackBar1 من نافذة الخصائص إختر خصائص الأحداث وانقر مزدوجاً أمام الحدث ValueChanged: ستنتقل إلى شفرة البرنامج إلى إجراء TrackBar1ValueChanged هذا الإجراء يتم تنفيذه في كل مرة تتغير فيها قيمة شريط التنقل حيث من المفترض ان نستدعي إجراء إختيار الملف التالي هنا :
كود: void TrackBar1ValueChanged(object sender, EventArgs e) { //إستدعاء إجراء إختيار الملف التالي }
إنسخ الكود التالي إلى داخل الإجراء TrackBar1ValueChanged :
كود: int last; if (type == "R") { last = trackBar1.Maximum - 1000; } else { last = trackBar1.Maximum - 1; } if (trackBar1.Value > last) { SetNext(); }
حيث يصبح الإجراء TrackBar1ValueChanged هكذا :
كود: void TrackBar1ValueChanged(object sender, EventArgs e) { int last; if (type == "R") { last = trackBar1.Maximum - 1000; } else { last = trackBar1.Maximum - 1; } if (trackBar1.Value > last) { SetNext(); } }
في هذا الإجراء عرفنا متغير إسمه last من نوع رقم يحمل قيمة تمثل أعلى قيمة لطول الملف الصوتي وهي طول الملف الصوتي ناقص 1000 في ملفات الريل وهي طول الملف الصوتي ناقص واحد في ملفات الصوت العادية والفيديو في السطر الرابع عبارة if لفحص نوع الملف الذي يتم تشغيله حالياً من خلال المتغير type الذي شرحناه في دروس سابقة فإذا كانت قيمة type هي R يعني هذا أنه ملف ريل , وبالتالي فإن أعلى قيمة لطول الملف الصوتي هي آخر ثانية في الملف وهي طول الملف ناقص 1000 , وقد وضعنا بدل طول الملف trackBar1.Maximum لأنها يحملان نفس القيمة بفعل الإجراء SetTrackBar أما إذا لم يكن الملف ملف ريل فإن أعلى قيمة لطول الملف هي آخر ثانية وهي طول الملف ناقص واحد في السطر الثاني عشر عبارة if أخرى تقوم بفحص قيمة شريط التنقل فإذا كانت قيمته أكبر من أعلى قيمة لطول الملف فهذا يعني أن البرنامج وصل إلى نهاية الملف الصوتي , ويجب إستدعاء دالة إختيار الملف التالي وتشغيلة .. إذهب إلى إجراء plSelectedIndexChanged من الدرس السابق وغير شفرته حتى يصبح هكذا :
عرفنا أن الإجراء plSelectedIndexChanged ينفذ في كل مرة تقوم بإختيار ملف من قائمة التشغيل والكود السابق يقوم يتحميل المتغير current ترتيب الملف الذي إخترته ثم يستدعي إجراء تشغيله الآن قم بتشغيل البرنامج وإختر عدة ملفات و جرب طرق التشغيل الواجب أرسل التطبيق .نهاية الدرس التاسع. .. .
المتغيرات العامة public إلى الآن ما زال برنامجنا يحتوي على نافذة واحدة فقط , لذلك لم نجد الفرصة لإستخدام المتغرات العامة في درس اليوم سنقوم بإضافة نافذة جديدة إلى البرنامج لإدارة الألبومات "قوائم التشغيل" حيث سنحتاج للوصول إلى متغيرات النافذة الأساسية من نافذة الالبومات المتغير الأساسي الذي سنحتاج للوصول إليه من نافذة الالبومات هو قائمة التشغيل albume حيث يجب تمريرها إلى نافذة الألبومات حتى يتم إجراء التعديلات عليها وهنا يجب إستخدام كلمة public قبل تعريف albume حتى تستطيع النافذة الأخرى التعرف عليها كما سنرى في التطبيق التطبيق: إفتح تطبيق الدرس السابق وإذهب إلى نافذة Project وأنقر بزر الفارة الأيمن على إسم البرنامج MyMediaPlayer ومن القائمة إختر Add ثم New Item ستظهر لك القائمة التالية : إختر C# ثم Windows Application ثم Form وأكتب في حقل إسم الفورم albumes.cs ثم انقر على زر Create لكي يتم إنشاء نافذة جديدة في المشروع يتم التنقل عبر نوافذ البرنامج من خلال النقر المزدوج على ملف النافذة في نافذة Projects أنتقل إلى تصميم النافذة الجديدة , ومن صندوق الأدوات قم بسحب كائن المستعرض List View إلى النافذة الجديدة قم بإختيار كائن المستعرض وإذهب إلى جدول الخصائص غير الخاصية (Name) إلى lv وغير الخاصية View إلى Details إذهب إلى خاصية Columns وأنقر على زر التفاصيل : ستظهر نافذة التفاصيل فارغة هذه هي النافذة التي يتم من خلالها إنشاء أعمده لكائن المستعرض حيث سنكون عمودين , عمود لإسم الملف فقط , وعمود آخر لمسار الملف كاملاً أنقر على زر Add وغير خاصية Text إلى "إسم الملف" ونقر مرة أخرى على زر Add لتنشئ العمود الثاني وغير خاصية Text فيه إلى "مسار الملف" ثم انقر على زر الموافقة سيتكون في كائن المستعرض عمودين : من صندوق الأدوات إسحب أربعة أزرار إلى يمين كائن المستعرض , وغير خاصية Text إلى إضافة إلى الأعلى إلى الأسفل حذف إسحب زرين آخرين من صندوق الأدوات إلى أسفل كائن المستعرض وغير خاصية Text إلى موافق إلغاء الأمر بحيث يصبح شكل النافذة هكذا : إختر زر "موافق" وإذهب إلى جدول الخصائص وغير الخاصية DialogResult إلى OK معنى هذا أنه عند النقر على هذا الزر فإن نتيجة النا فذة هي الموافق كما سنشرح لاحقاً ثم إختر زر "إلغاء الأمر" وغير خاصية DialogResult إلى Cancel وهذا يعني أنه عند النقر على هذا الزر فإن نتيجة النافذة هي إلغاء الأمر من صندوق الأدوات إسحب كائن فتح الملفات و إختره وغير خاصية (Name) إلى OF وغير خاصية MultiSelect إلى true إنتقل إلى شفرة النافذة , نحتاج لتعريف متغير من نوع قائمة شبيهه بقائمة albume في النافذة الرئيسية حتى يتم من خلالها التعامل مع الملف وإضافتها إلى كائن المتصفح و حذفها منه وكما شرحنا سابقاً فإن كائن القائمة موجود في فضاء الأسماء System.Collections.Generic لذلك يجب إضافة عبارة using لتضمين كائنات ودوال الفضاء إذهب إلى شفرة النافذة وأضف عبارة using التالية تحت عبارات using الموجوده في رأس الصفحة :
كود: using System.Collections.Generic;
ثم أكتب كود تعريف القائمة تحت تعريف كائن النافذة :
كود: public List<string> albume=new List<string>();
لاحظ أنا إستخدمنا الكلمة public وليس private وذلك حتى تتمكن النافذة الرئيسية من رؤية هذا المتغير كما سنرى لاحقاً القائمة albume في نافذة الألبومات ستكون نسخة مطابقة للقائمة albume في النافذة الرئيسية ويتم التعامل مع كائن المستعرض من خلال عناصر هذه القائمة . إضافة ملفات إنتقل إلى تصميم نافذة الالبومات وأنقر مزدوجا على زر "إضافة" للذهاب إلى شفرته أكتب الكود التالي بين الحاصرتين :
يقوم هذا الكود بفتح نافذة إختيار الملفات ثم إضافة الملفات المختارة إلى القائمة albume في السطر الثالث نستدعي إجراء إضافة الملفات إلى كائن المستعرض الإجراء FillView يقوم هذا الإجراء بنسخ جميع عناصر القائمة albume إلى كائن المستعرض lv إنسخ الإجراء التالي إلى شفرة نافذة الالبومات وتأكد من أنه خارج إلى إجراء أخر :
كود: void FillView() { lv.Items.Clear(); for (int i = 0; i < albume.Count; i ) { string filename=System.IO.Path.GetFileName(albume[i]); ListViewItem file = new ListViewItem(filename); file.SubItems.Add(albume[i]); lv.Items.Add(file); } }
فس السطر الثالث قمنا قمنا بإستدعاء دالة تنظيف كائن المستعرض lv.Items.Clear حيث تقوم هذه الدالة بتنظيف كائن المستعرض من أي عناصر موجوده مسبقاً حتى يتم إضافة العناصر الجديدة في السطر الرابع دوارة for من الصفر وحتى عدد عناصر القائمة albume التي تحمل مسارات الملفات المختارة في السطر السادس قمنا بتعريف متغير من نوع نص يحمل ناتج دالة GetFileName والتي ترجع إسم الملف من المسار الموجود في قائمة albume في الترتيب i في السطر السابع عرفنا كائن جديد إسمه file من نوع ListViewItem حيث ان كائن المستعرض lv هو عبارة عن مجموعة كائنات ListViewItem حيث يمثل كل كائن منها سطر واحد من سطور كائن المستعرض ولأن ListViewItem كائن وليس متغير فقد إستخدمنا الجملة new ومررنا له إسم الملف الناتج من السطر السابق حيث أصبح المتغير يحمل قيمة filename من السطر السابق وفي السطر الثامن , أضفنا كائن فرعي للكائن file من خلال الدالة file.SubItems.Add ومررنا لها العنصر الذي ترتيبه i من قائمة albume الآن المتغير file أصبح يحمل قيمتين الأولى هي إسم الملف والثانية الفرعية هي مسارة المخزن في قائمة albume في السطر التاسع أضفنا الكائن file إلى lv حيث يعتبر سطر واحد من سطور كائن المستعرض lv وبعد تكرار هذه العملية لكافة عناصر القائمة albume يصبح الكائن lv محتوياً على جدول يوضح جميع أسماء ومسارات الملفات المختارة حذف ملف إذهب إلى تصميم نافذة الألبومات وأنقر مزدوجاً على زر "حذف" لتنتقل إلى شفرته أكتب الكود التالي بين الحاصرتين :
الدالة RemoveAt تقوم بأخذ ترتيب العنصر كمدخل وتحذفة من القائمة فمثلاً لو أردنا حذف العنصر الذي ترتيبة 4 سيكون الكود كالتالي :
كود: albume.RemoveAt(4);
لاحظ أن العنصر الذي ترتيبه 4 هو العنصر الخامس الدالة SelectedIndices من دوال الكائن lv تقوم بإرجاع مصفوفة تحتوي على ترتيبات الأسطر المختارة في الكائن فمثلاً لو أخترنا السطر الثالث و الرابع من القائمة سترجع الداله مصفوفة تحتوي رقمي 2 و 3 لاحظ , أن السطر الثالثة ترتيبة 2 وليش 3 كما شرحنا مراراً. لكنا نريد عند النقر على زر الحذف أن يقوم البرنامج بحذف سطر واحد, وهو أول سطر من السطور المختارة
كود: lv.SelectedIndices[0]
وفي السطر الثاني نقوم بإستدعاء الإجراء FillView والذي يقوم بنسخ محتويات القائمة albume إلى الكائن lv ماذا لو تم النقر على زر الحذف وليس هناك أسطر مختارة من قبل المستخدم , سيظهر خطأ عندها , ولحل هذا الخطأ يجب أولاً فحص عدد العناصر المختارة فإذا كان أكبر من صفر فذلك يعني أن هناك ملفات مختارة و بالتالي ينفذ كود الحذف , عدل الكود السابق حتى يصبح هكذا :
نقل ملف إلى الأعلى وظيفة هذا الزر هو إعادة ترتيب الملفات بحيث ينقل الملف المختار في كائن المستعرض إلى أعلى خطوة واحدة إذهب إلى تصميم نافذة الألبومات و أنقر مزدوجاً على زر "إلى الأعلى" وأكتب الكود التالي بين الحاصرتين :
في السطر الأول عرفنا متغير من نوع رقم يقوم بخزن ترتيب السطر المختار في كائن المستعرض lv وفي السطر الثاني عرفنا متغير آخر من نوع نص يقوم بخزن قيمة العنصر الذي ترتيبة هو ترتيب السطر المختار وفي السطر الثالث قمنا بتحميل العنصر الذي ترتيبه هو ترتيب السطر المختار بقيمة العنصر الذي قبله وفي السطر الرابع قمنا بتحميل السطر السابق للسطر المختار بالقيمة التي كانت مخزنة في السطر المختار وفي السطر الخامس قمنا بإستدعاء إجراء تعبئة الكائن lv وفي السطر السادس قمنا بتحديد وإختيار السطر الحالي الذي تم نقله لتوضيح الكود السابق لاحظ هذا الشكل التوضيحي : حيث إفترضنا أن القائمة albume تحتوي على ثلاثة عناصر تم إختيار العنصر الأوسط لنقله خطوة إلى الأعلى ماذا لو إختار المستخدم أول عنصر سطر في المستعرض , كيف سيتم نقل أول عنصر في القائمة خطوة إلى أعلى سيحدث خطأ إذا حاول المستخدم فعل ذلك ولتفادي هذا الخطأ يجب أن نفحص ترتيب السطر المختار sel فإذا كان يساوي صفر فمعناه أن المستخدم إختار أول عنصر في القائمة , ولا يجب تنفيذ كود النقل , إما إذا كانت قيمته أكبر من الصفر فلا مانع من تنفيذ كود النقل عدل الكود السابق ليصبح هكذا :
نقل ملف إلى أسف يشبه كود نقل الملف لأعلى بإختلاف بسيط جداً فبدل من sel-1 نضع sel 1 وعند المقارنه sel>0 نضع sel<lv.Items.Count لأن النقل في هذه الحالة سيكون للأسفل ويجب أن نفحص ما إذا كان ترتيب السطر المختار أقل من عدد سطور الكائن : إفتح تصميم نافذة الألبومات وأنقر مزدوجاً على زر "إلى الأسف" وأنسخ الكود التالي بين الحاصرتين:
بهذا نكون قد أنتهينا من نافذة الألبومات ... أنتقل إلى النافذة الرئيسية و من صندوق الأدوات إسحب كائن الزر إلى النافذة الرئيسية وغير النص إلى "التحكم بالألبومات" اضبط ترتيب الأدوات في النافذة حتى يصبح شكلها هكذا : إظهار نافذة الألبومات إذهب إلى تصميم النافذة الرئيسية وأنقر مزدوجاً على زر "التحكم بالألبومات" لتنتقل إلى شفرته وانسخ الكود التالي بين الحاصرتين
كود: albumes frm = new albumes(); frm.albume = albume; frm.ShowDialog(); albume = frm.albume; FillList();
في السطر الأول عرفنا كائن إسمه frm من نوع albumes , لاحظ أن albumes هو إسم نافذة الألبومات اي أنها الآن تعتبر كائن في النظام ويمكن تعريف متغريات من نوعها كما كنا نفعل مع القوائم أو الكائنات الأخرى في السطر الثاني نقوم بتحميل القائمة albume من النافذة frm بقيم القائمة albume من النافذة الرئيسية أي أن القائمة albume في النافذه الجديدة frm ستصبح نسخة مطابقة لقائمة albume الموجوده في النافذة الرئيسية في السطر الثالث قمنا بإستدعاء الإجراء ShowDialog والذي يظهر النافذة frm للمستخدم السطر الرابع يتم تنفيذة عند إغلاق النافذة frm , حيث يتم فيه نسخ قيمة albume من نافذة الألبومات لقائمة albume الموجوده في النافذة الرئيسية أي ان الكود السابق يقوم بإنشاء نافذة جديدة وينسخ لها قيم albume حتى يعدل المستخدم فيها ويغلق النافذة ثم يأخذ قيم albume من النافذة frm والتي تم تعديلها من قبل المستخدم وينسخ قيمها لقائمةalbume الموجوده في الصفحة الرئيسية وفي السطر الخامس نستدعي إجراء FillList الذي يقوم بنسخ قيم albume إلى قائمة التشغيل كما شرحنا في الدروس السابقة إذا شغلت البرنامج الآن وإخترت "التحكم بالألبومات" فلن تظهر لك عناصر قائمة albume لأنك لم تقم بإستدعاء إجراء تعبئة المستعرض FillView حيث يحب إستدعاؤة بمجر تحميل نافذة الألبومات إذهب إلى تصميم نافذة الألبومات وانقر مزدوجا على مكان خالي من الأدوات في النافذة ستنتقل إلى إجراة حدث Load :
السطر الأول يحتوي على إسم الإجراء وإسم المدخل ونوعه string
السطر الخامس جملة if تقوم بإظهار رسالة تحذير للمستخدم بحيث يتم تأكيد الحذف , لاحظ عبارة إستدعاء الدالة :
كود: MessageBox.Show("هل أنت متأكد من حذف / تعديل الألبوم ؟", "هل أنت متأكد", MessageBoxButtons.YesNo, MessageBoxIcon.Question, MessageBoxDefaultButton.Button2)
العبارة إختلفة عن ما كنا نعرفه من قبل , ورغم أنها نفس التعليمة إلا أنها هذه المرة إستقبلت مدخلات أكثر
لذلك وظيفتها هذه المرة مختلفة قليلاً , المدخل الأول هو نص الرسالة كما عرفنا سابقاً
المدخل الثاني هو عنوان الرسالة الذي سيظهر في شريك العنوان
المدخل الثالث MessageBoxButtons.YesNo هو الأزرار المطلوب إظهارها في الرسالة حيث إخترنا YesNo
وهناك أيضاً OkCancel و هناك مجموعات أخرى من الأزرار
المدخل الرابع MessageBoxIcon.Question يمثل الأيقونه المراد إظهارها في الرسالة حيث إخترنا أيقونة السؤال Question
المدخل الخامس MessageBoxDefaultButton.Button2 يمثل الزر الإفتراضي , أي الزر الذي يكون التركيز عليه عند ظهور الرسالة
وقد إخترنا Button2 والذي سيكون في هذه الحالة زر No حيث سيكون الجواب الإفتراضي للرسالة هو No
وقد إخترنا No بدلا من Yes حتى يتأكد المستخدم من إختيارة قبل أن نحذف بيانات الألبوم
وإذا كانت نتيجة هذه الرسالة هي الموافقة DialogResult.Yes سيتم تنفيذ كود الحذف وإلا فلا
في السطر السابع تعليمة تحميل الملف لكائن doc
وفي السطر الثامن تعلمية إزالة عقدة الألبوم , حيث يتم إزالة عقدة بتحديد عقدتها الرئيسية ثم إستدعاء الإجراء RemoveChild
والعقدة الرئيسية لعقد الألبومات هي albumes لذلك تم إستدعاء إجراء الحذف منها
داخل قوسي إجراء الحذف العقدة المراد حذفها , وهي العقدة الذي إسمها هو المدخل albumename
الموجودة داخل العقدة الرئيسية albumes
في السطر التاسع تعليمة حفظ التغييرات على ملف XML بإستدعاء الإجراء Save من كائن doc
في السطر العاشر تعليمة حذف إسم الألبوم المحذوف من القائمة المنسدلة
وفي السطر الحادي عشر تعليمة تنظيف كائن المستعرض lv من ملفات الألبوم المحذوف
المكان المناسب لإستدعاء هذا الإجراء هو كود الزر "حذف الألبوم"
إذهب إلى تصميم نافذة الألبومات وانقر مزدوجاً على زر "حذف الألبوم" وأكتب إستدعاء إجراء الحذف هناك :
كود: DeleteAlbume(ac.Text);
إجراء حفظ الألبوم WriteAlbume
هذا الإجراء سيقوم بتخزين محتويات كائن المستعرض lv إلى ملف XML
حيث يقوم الإجراء أولاً بإنشاء عقدة الألبوم , وتسميتها بالنص المكتوب على القائمة المنسدلة
ثم يقوم بإنشاء العقد الفرعية file والتي تحتوي على مسارات الملفات الموجودة في كائن المستعرض
وأيضاً يقوم الإجراء بحفظ التغيرات على ألبوم موجود أساساً , بحيث يقوم بحذفة أولاً من الملف ثم تخزين ألبوم جديد بنفس الإسم وبالبيانات المعدلة
إنسخ الكود التالي إلى شفرة نافذة الألبومات وتأكد من أنه خراج إلى إجراء آخر :
كود: void WriteAlbume(string albumename) { try { doc.Load(Application.StartupPath "//albumes.xml"); if (doc["albumes"][albumename]!=null) { doc["albumes"].RemoveChild(doc["albumes"][albumename]); } else { ac.Items.Add(ac.Text); } XmlNode albumend = doc.CreateElement(albumename); for (int i = 0; i < albume.Count; i ) { XmlNode filend = doc.CreateElement("file"); XmlNode path = doc.CreateTextNode(albume[i]); filend.AppendChild(path); albumend.AppendChild(filend); } doc["albumes"].AppendChild(albumend); doc.Save(Application.StartupPath "//albumes.xml"); } catch { MessageBox.Show("حدث خطأ أثناء محاولة حفظ بيانات الألبومات"); } }
السطر الأول يحتوي على إسم الإجراء وإسم المدخل و نوعة string
السطر الخامس تعليمة تحميل الملف إلى كائن doc
السطر السادس عبارة if تختبر هل هناك عقدة للألبوم المحدد في ملف XML
فإذا كانت العقدة موجودة فالسطر الثامن يقوم بحذفها , حتى توضع بدلاً منها العقدة بالبيانات المعدلة
والحذف هنا هو للبيانات القديمة وخزن البيانات الجديدة كأنها إلبوم جديد بنفس الإسم
أما اذا لم يكن الألبوم موجود في الملف فإن كود الحذف لن يفعل شيئاً
لأنه ألوم جديد وبالتالي يضاف إسم هذا الألبوم إلى القائمة المنسدلة في السطر الثاني عشر
السطر الرابع عشر عرفنا متغير من نوع عقدة إسمه albumend وأسندنا له عقدة جديدة بعد إستدعاء تعليمة إنشاء العقدة
كود: doc.CreateElement(albumename);
حيث يقوم الكود السابق بإنشاء عقدة جديدة في الملف إسمها هو المدخل albumename وهو إسم الألبوم المراد حفظه
السطر الخامس عشر عبارة for من الصفر إلى عدد عناصر القائمة albume لإنشاء عقد جديدة لكافة عناصرها
السطر السابع عشر عرفنا متغير من نوع عقدة إسمه filend حيث سيقوم بحمل عقدة جديدة إسمها file بعد إستدعاء تعليمة إنشاء العقدة
كود: doc.CreateElement("file");
لاحظ لحد الآن أن لدينا عقدتين , العقدة albumend التي تحمل إسم الألبوم , والعقدة filend التي تحمل إسم file
بقي أن ندخل البيانات إلى العقدة file
السطر الثامن عشر عرفنا متغير من نوع عقدة وحملناه قيمة نصية من خلال إستدعاء إجراء إنشاء عقدة نصية
كود: doc.CreateTextNode(albume[i]);
حيث يستقبل هذه الإجراء مدخل من نوع نص وهو البيانات المراد خزنها في العقدة , وهي العنصر الذي ترتيبة i من القائمة albume
الآن أصبح لدينا ثلاث عقد عقدة albumend التي تحمل إسم الألبوم , والعقدة filend التي تحمل إسم file وعقدة path التي تحمل مسار الملف من عنصر القائمة albume
إلى الآن لم يتم ربط العقد ببعضها البعض فهي إلى حد الآن عقد مستقلة ومنفصلة
يتم ربط عقدة فرعية بعقدة رئيسية من خلال إستدعاء الإجراء AppendChild من العقدة الرئيسية
وتمرير العقدة الفرعية كمدخل لهذا الإجراء , حيث في السطر التاسع عشر ربطنا العقدة path بعقدة filend
وأصبحت العقدة file تحتوي على بيانات , ثم في السطر العشرين ربطنا العقدة filend بما فيها بالعقدة albumend
وبتكرار العملية لكافة عناصر القائمة albume ستنتج لنا عقدة رئيسية إسمها بإسم المدخل albumename
تحتوي على عدة عقدة فرعية file تحتوي على مسارات الملفات في الألبوم
لاحظ أن عقدة الألبوم حتى الآن لم ترتبط بعقدة رئيسية , بل ربطناها بعقد فرعية فقط
في السطر التانب والعشرين ربطنا العقدة albumend بالعقدة الرئيسية في الملف albumes
وبهذا أصبح لدينا جميع العقد متصلة ومترابطة مع بعض ولم يبقى سوى حفظ التغيرات إلى الملف في السطر الثالث والعشرين
بقي أن نحدد مكان إستدعاء هذا الإجراء , إذهب إلى تصميم نافذة الأبومات وأنقر مزدوجاً على زر "حفظ الألبوم"
ستنتقل إلى الشفرة , أكتب هذا :
كود: WriteAlbume(ac.Text);
بقي لدينا زر واحد وهو زر "البوم جديد" , إذهب إلى تصميم نافذة الألبومات وانقر مزوجاً على الزر "ألبوم جديد"
تحسين وظائف التطبيق من البديهايات في البرمجة أن يحتوي أي تطبيق على شوائب bugs تحد من إداء التطبيق مهامة على أكمل وجه والشوائب هي الأخطاء البسيطة في البرنامج التي تنتج في ظروف محددة والمبرمج عادة لا يكتشف هذه الأخطاء أثناء العمل في التطبيق , وإنما يكشفها إختبار التطبيق وعملية إختبار التطبيق تعتبر من أهم مراحل تطوير البرمجيات وربما أكثر تعقيداً وإستهلاكاً للوقت والجهد ولكن لحسن الحظ هذه العملية لا تحتاج إلى مبرمجين ليقوموا بها , وإنما دورهم هنا هو التعديل في كود التطبيق الذي يقوم بهذه العملية هم المستخدمون أنفسهم , من خلال توزيع التطبيق بنسخ تجريبية Beta وعادة ما تكون هذه النسخ مجانية , لأن مطور التطبيق هو المستفيد من إكتشاف الأخطاء حيث يطلب من مستخدمي النسخ التجريبة أرسال أي أخطاء قد تواجههم إلى المطور وبهذا يوفر المطور على نفسه الكثير من المجهود والوقت في إختبار التطبيق والشوائب عادة ما تكون إحدى ثلاثة: 1-أخطاء الشوائب برمجية وهي الشوائب التي تحدث بسبب خطأ في شفرة التطبيق , وتنتج هذه الأخطاء لأسباب كثيرة وتسبب خلل في عمل البرنامج , كأن يتوقف البرنامج فجأة أو يقوم بعمليات غير منطقية وكمثال على هذه الشوائب : إفتح تطبيق الدرس السابق و أختر مجموعة ملفات من النافذة الأساسية ثم إفتح نافذة الألبومات وأختر أحد الألبومات , ثم أختر إلغاء الأمر من نافذة الألبومات المفروض بما أنك ألغيت الأمر أن لا يتغير شيئ في قائمة التشغيل في النافذة الرئيسية ولكن القائمة تغيرة رغم أنك إخترت "إلغاء الأمر" هذا الخطأ يعتبر من الشوائب البرمجية , وعلى المطور أن يبحث عن مكان الخطأ ويصححة مكان الخطأ هنا هو إجراء النقر على زر "التحكم بالأبومات" إفتح تصميم النافذة الرئيسية وانقر مزدوجاً على زر "التحكم بالألبومات" لتنتقل إلى الشفرة ستجد هذا الكود :
كود: try { albumes frm = new albumes(); frm.albume = albume; frm.ShowDialog(); albume = frm.albume; FillList(); LoadFile(albume[0]); SetTrackBar(); PlayFile(); } catch { MessageBox.Show("حدث خطأ أثناء محاولة تشغيل الملف المحدد"); }
لاحظ السطر الخامس تعليمة إظهار نافذة الألبومات , بعدها تماما تعليمات التغيير في قائمة التشغيل وهنا الخطأ , المفترض أن نختبر نتيجة نافذة الألبومات , فإذا كانت "موافق" ينفذ كود تغيير قائمة التشغير وبالتالي يجب أن نضيف للكود السابق عبارة if لإختبار ناتج النافذة قبل تنفيذ تعليمات التغيير في قائمة التشغيل هناك خطأ آخر هنا في السطر الرابع :
كود: frm.albume = albume;
هذه التعليمة تساوي بين القائمة albume في كلا النافذتين , بحيث إذا تغير شيئ في قائمة albume في هذه النافذة سيتغير نفس الشيئ في قائمة albume في النافذة الألبومات والعكس صحيح أيضاً وهذا يعتبر خطأ لأنه من المفترض أن تكون كل قائمة مستقلة عن الأخرى , والمفروض أن لا نعمل مساواة بين القائمتين وإنما نسخ عناصر القائمة في هذه النافذة إلى القائمة في النافذة الآخرى , والنسخ غير المساواة المساواة تعني أن كلا النافذتين تحمل نفس القيمة دائماً فإذا ساويت بين قائمتين ثم عدلت في أي منهما فإن الأخرى بالضرورة ستتعدل تلقائيا أما النسخ فإذا نسخت قائمة من أخرى وعدلت في أي منها فإن الأخرى لا تتأثر لأنهما مستقلتان عن بعض وهذا ما نحتاجه هنا , و النسخ في القوائم يتم عبر الإجراء AddRange كما شرحناه سابقاً وبالتالي فالمفروض إستبدال السطر الرابع بهذا السطر :
كود: frm.albume.AddRange(albume);
وبإضافة عبارة فحص نتيجة النافذة يصبح كود النقر على زر "التحكم بالألبومات" هكذا :
كود: try { albumes frm = new albumes(); frm.albume.AddRange(albume); frm.ShowDialog(); if (frm.DialogResult == DialogResult.OK) { albume = frm.albume; FillList(); LoadFile(albume[0]); SetTrackBar(); PlayFile(); } } catch { MessageBox.Show("حدث خطأ أثناء محاولة تشغيل الملف المحدد"); }
لا حظ داخل حاصرتي if أنا ساوينا بين قائمتين , وهنا المساواة هي المطلوبة وليس النسخ لأن ناتج النافذة هي الموافقة وبالتالي نريد مساواة بين قائمة نافذة الألبومات التي قمنا بالتعديلات عليها والقائمة في النافذة الرئيسية وكمثال آخر على هذا النوع من الأخطاء شغل التطبيق وانقر على زر ملئ الشاشة دون تشغيل ملف صوتي ستظهر رسالة خطأ ويتوقف البرنامج عنم العمل , لأنه لا يوجد فيديو حتى يجعله ملئ الشاشة ولحل هذه المشكلة أذهب إلى كود زر ملئ الشاشة , وأضف جملة try :
2-إخطاء نقص في الوظائف وهي الأخطاء التي لا تنتج عن خطأ في الكود وإنما تنتج عن نقص في وظائف التطبيق أي أن التطبيق لا يحقق جميع الوظائف المطلوبة من المستخدم , ويتم حل هذه المشكلة بالتحديث Updating وهذه التحديثات عادة ما تتكرر من إصدار لآخر في التطبيق كمثال على هذه الأخطاء في تطبيقنا : المستخدم عادة ما يفضل طريقة لإختيار سريع للألبوم الذي يريد تشغيلة وفي تطبيقنا لا يمكن إختيار الألبوم إلى بفتح نافذة الألبومات , وهذا يعد نقصاً في متطلبات المستخدم لذلك يجب التعديل في البرنامج لعمل قائمة منسدلة لإختيار الألبوم في نافذة التطبيق الرئيسية نحتاج لذلك إلى كائن من نوع XmlDocument ولذلك يجب إضافة عبارة using كما فعلنا في نافذة الألبومات ثم نعرف متغير عام إسمه doc من نوع XmlDocument تحت تعريف القائمة albume كما فعلنا في نافذة الألبومات إفتح تصميم النافذة الرئيسية , ومن صندوق الأدوات إسحب كائن القائمة المنسدلة إلى النافذة الرئيسية فوق قائمة التشغيل وقم بتغيير الخاصية Name إلى ac و الخاصية Text إلى "إختر الألبوم" يجب تحميل أسماء الألبومات بمجرد فتح البرنامج , لذلك سنكتب شفرة تحميل أسماء الألبومات في حدث تحميل النافذة كما فعلنا في نافذة الألبومات افتح تصميم النافذة الرئيسية و انقر مزدوجاً على مكان فارغ في النافذة لتذهب إلى كو تحميل النافذة MainForm_Load أو Form1_Load إنسخ هذا الكود بين الحاصرتين :
الكود السابق هو نفسه الكود في إجراء تحميل نافذة الألبومات نحتاج لقراءة ملفات الألبوم المحدد إلى إجراء ReadAlbume الموجود في نافذة الألبومات إنسخ كود الإجراء ReadAlbume إلى شفرة النافذة الرئيسية وتأكد من أنه خارج أي إجراء آخر :
كود: void ReadAlbume(string albumename) { try { doc.Load(Application.StartupPath "//albumes.xml"); XmlNode filend = doc["albumes"][albumename].FirstChild; albume.Clear(); while (filend != null) { albume.Add(filend.InnerText); filend = filend.NextSibling; } FillList(); } catch { MessageBox.Show("حدث خطأ أثناء محاولة إسترجاع بيانات الألبومات"); } }
كما نحتاج إيضاً لإضافة كود إستدعاء الإجراء ReadAlbume في حدث التغيير في القائمة المنسدلة إذهب إلى تصميم النافذة الرئيسية وانقر مزدوجاً على كائن القائمة المنسدلة ac لتذهب إلى الشفرة واكتب بين الحاصرتين كود إستدعاء إجراء قراة ملفات الألبوم :
كود: try { ReadAlbume(ac.Text); FillList(); LoadFile(albume[0]); SetTrackBar(); PlayFile(); } catch { MessageBox.Show("حدث خطأ أثناء محاولة تشغيل الملف المحدد"); }
السطر الثالث يستدعي الإجراء ReadAlbume ليتم تحميل ملفات الملف المحدد إلى القائمة albume والسطر الرابع يقوم بإستدعاء الإجراء FillList لتحميل عناصر albume إلى قائمة التشغيل والسطر الخامس يقوم بتحميل أول عنصر من عناصر القائمة والسادس يضبط شريك التنقل و السابع يشغل الملف .. تابع الدرس في الرد التالي ..
3- أخطاء في الواجهات وهي الأخطاء التي لا تؤثر على عمل البرنامج ولكن تؤثر على الواجهات الصورية للنوافذ وهذه الأخطاء عادة ما يتم حلها بواسطة التحديثات Updating كمثال على هذه الأخطاء من تطبيقنا : إفتح التطبيق , وانقر على زر تكبير النافذة في شريط العنوان ستلاحظ أن جميع كائنات النافذة محصورة في الزاوية العليا اليسرى من النافذة حيث أن تكبير النافذة لم يقم بتعديل حجم و أماكن الكائنات ولحل هذه المشكلة سنستخدم خاصية واحدة في جميع الكائنات : Anchor معنى الكلمة "المرساه" ومن معناها يتبين لنا وظيفتها حيث تقوم بربط الكائن بأحد جوانب النافذة أو بعدة جوانب فمثلاً لو ربطت كائن قائمة التشغيل بيمين النافذة , وقمت بتكبير النافذة فستلاحظ أن مكانها تغير وإنزاح نحو يمين النافذة أما إذا ربطت أي كائن بجانبين متعاكسين , كأن تربط شريط التنقل بيمين ويسار النافذة وقمت بتكبير النافذة ستلاحظ أن حجم شريط التنقل قد تغير لأنه مرتبط بإتجاهين متعاكسين وهذا يؤدي إلى "مط" الكائن إذهب إلى تصميم النافذة الرئيسية , وإختر الكائن الحاضن للفيديو "شاشة الفيديو" وغير خاصية Anchor إلى Top, Bottom, Left, Right لاحظ أنا ربطنا كائن الشاشة بجميع جوانب النافذة وبالتالي فحجمها سيتمدد في جميع الجهات ولكن المسافة بين نهاية الكائن وطرف النافذة من الأربع الجهات لن يتغير إختر صندوق "طريقة التشغيل" وغير الخاصية anchor إلى : Bottom, Right زر التحكم بالألبومات : Bottom, Right القائمة المنسدلة لإختيار الألبوم : Top, Right قائمة التشغيل : Top, Bottom, Right شريط التنقل : Bottom, Left, Right أزرار التشغيل : Bottom, Left الآن شغل التطبيق , وجرب تغيير حجم النافذة ستلاحظ أن الكائنات تغير من حجمها و مكانها بحسب حجم النافذة أيضاً كمثال على هذه الأخطاء , شكل شريط التنقل الكبير , والمشوه لحل مشكلة شكلة الكبير سنلجأ إلى خدعة صغيرة : سنقوم بتغطية جزء كبير منه فوق وتحت شريط الوسط وذلك بإستخدام كائن النص الثابت Label , إفتح تصميم النافذة الرئيسية ومن صندوق الأدوات إسحب كائن Label مرتين وقم بتغيير الخاصية BackColor في كليهما إلى Transparent من تبويب Web وإحذف أي كلمة أمام خاصية Text ثم قم بتغطية الأجزاء الزائدة من شريط التنقل ولا تنسى أن تغير الخاصية Anchor فيهما كما هي في شريط التنقل أيضاً يمكن أن تغير أيقونه التطبيق بإختيار النافذة الرئيسية وتغيير الخاصية Icon لتضيف لمسة إحترافية على التطبيق قم بتغيير الصور على الأزرار من خلال الخاصية Image وتغيير خلفية النافذة من خلال الخاصية BackGroundImage ملاحظة : هناك خطأ برمجي في بيئة تطوير ميكروسوفت وهو أن خلفية النافذة لا تظهر إذا كانت الخاصية RightToLeft تساوي True
سيبدو شكل التطبيق بعد هذه التعديلات هكذا : الواجب إختبر التطبيق وصحح أي أخطاء برمجية أخرى .نهاية الدرس الثاني عشر.
الرئيسية 
الخميس نوفمبر 22, 2018 2:28 pm
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال Fmphpb10](https://i.servimg.com/u/f62/11/22/70/40/fmphpb10.png)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال Fmfire10](https://i.servimg.com/u/f62/11/22/70/40/fmfire10.png)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال Dz10](https://i.servimg.com/u/f29/11/14/55/92/dz10.png)
موضوع: [#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال ![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال I_icon_minitime](https://2img.net/s/t/19/53/60/i_icon_minitime.gif){kind=icon}
الإثنين مارس 11, 2013 7:48 am
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 1](https://2img.net/h/absba7.absba.org/teamwork8/455943/1.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 2](https://2img.net/h/absba7.absba.org/teamwork8/455943/2.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 3](https://2img.net/h/absba7.absba.org/teamwork8/455943/3.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 4](https://2img.net/h/absba7.absba.org/teamwork8/455943/4.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 5](https://2img.net/h/absba7.absba.org/teamwork8/455943/5.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 6](https://2img.net/h/absba7.absba.org/teamwork8/455943/6.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 7](https://2img.net/h/absba7.absba.org/teamwork8/455943/7.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 8](https://2img.net/h/absba7.absba.org/teamwork8/455943/8.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 9](https://2img.net/h/absba7.absba.org/teamwork8/455943/9.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 10](https://2img.net/h/absba7.absba.org/teamwork8/455943/10.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 11](https://2img.net/h/absba7.absba.org/teamwork8/455943/11.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 12](https://2img.net/h/absba7.absba.org/teamwork8/455943/12.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 13](https://2img.net/h/absba7.absba.org/teamwork8/455943/13.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 14](https://2img.net/h/absba7.absba.org/teamwork8/455943/14.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 15](https://2img.net/h/absba7.absba.org/teamwork8/455943/15.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 16](https://2img.net/h/absba7.absba.org/teamwork8/455943/16.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 17](https://2img.net/h/absba7.absba.org/teamwork8/455943/17.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 18](https://2img.net/h/absba7.absba.org/teamwork8/455943/18.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 19](https://2img.net/h/absba7.absba.org/teamwork8/455943/19.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 20](https://2img.net/h/absba7.absba.org/teamwork8/455943/20.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 21](https://2img.net/h/absba7.absba.org/teamwork8/455943/21.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 22](https://2img.net/h/absba7.absba.org/teamwork8/455943/22.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 23](https://2img.net/h/absba7.absba.org/teamwork8/455943/23.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 24](https://2img.net/h/absba7.absba.org/teamwork8/455943/24.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 25](https://2img.net/h/absba7.absba.org/teamwork8/455943/25.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 26](https://2img.net/h/absba7.absba.org/teamwork8/455943/26.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 27](https://2img.net/h/absba7.absba.org/teamwork8/455943/27.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 28](https://2img.net/h/absba7.absba.org/teamwork8/455943/28.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 29](https://2img.net/h/absba7.absba.org/teamwork8/455943/29.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 30](https://2img.net/h/absba7.absba.org/teamwork8/455943/30.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 31](https://2img.net/h/absba7.absba.org/teamwork8/455943/31.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 32](https://2img.net/h/absba7.absba.org/teamwork8/455943/32.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 33](https://2img.net/h/absba7.absba.org/teamwork8/455943/33.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 34](https://2img.net/h/absba7.absba.org/teamwork8/455943/34.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 35](https://2img.net/h/absba7.absba.org/teamwork8/455943/35.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 36](https://2img.net/h/absba7.absba.org/teamwork8/455943/36.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 37](https://2img.net/h/absba7.absba.org/teamwork8/455943/37.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 38](https://2img.net/h/absba7.absba.org/teamwork8/455943/38.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 39](https://2img.net/h/absba7.absba.org/teamwork8/455943/39.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 40](https://2img.net/h/absba7.absba.org/teamwork8/455943/40.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 41](https://2img.net/h/absba7.absba.org/teamwork8/455943/41.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 42](https://2img.net/h/absba7.absba.org/teamwork8/455943/42.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 43](https://2img.net/h/absba7.absba.org/teamwork8/455943/43.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 44](https://2img.net/h/absba7.absba.org/teamwork8/455943/44.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 45](https://2img.net/h/absba7.absba.org/teamwork8/455943/45.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 46](https://2img.net/h/absba7.absba.org/teamwork8/455943/46.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 47](https://2img.net/h/absba7.absba.org/teamwork8/455943/47.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 48](https://2img.net/h/absba7.absba.org/teamwork8/455943/48.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 49](https://2img.net/h/absba7.absba.org/teamwork8/455943/49.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 50](https://2img.net/h/absba7.absba.org/teamwork8/455943/50.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 51](https://2img.net/h/absba7.absba.org/teamwork8/455943/51.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 52](https://2img.net/h/absba7.absba.org/teamwork8/455943/52.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 53](https://2img.net/h/absba7.absba.org/teamwork8/455943/53.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 54](https://2img.net/h/absba7.absba.org/teamwork8/455943/54.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 55](https://2img.net/h/absba7.absba.org/teamwork8/455943/55.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 56](https://2img.net/h/absba7.absba.org/teamwork8/455943/56.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 57](https://2img.net/h/absba7.absba.org/teamwork8/455943/57.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 58](https://2img.net/h/absba7.absba.org/teamwork8/455943/58.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 59](https://2img.net/h/absba7.absba.org/teamwork8/455943/59.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 60](https://2img.net/h/absba7.absba.org/teamwork8/455943/60.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 61](https://2img.net/h/absba7.absba.org/teamwork8/455943/61.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 62](https://2img.net/h/absba7.absba.org/teamwork8/455943/62.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 63](https://2img.net/h/absba7.absba.org/teamwork8/455943/63.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 64](https://2img.net/h/absba7.absba.org/teamwork8/455943/64.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 65](https://2img.net/h/absba7.absba.org/teamwork8/455943/65.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 66](https://2img.net/h/absba7.absba.org/teamwork8/455943/66.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 67](https://2img.net/h/absba7.absba.org/teamwork8/455943/67.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 68](https://2img.net/h/absba7.absba.org/teamwork8/455943/68.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 69](https://2img.net/h/absba7.absba.org/teamwork8/455943/69.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 70](https://2img.net/h/absba7.absba.org/teamwork8/455943/70.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 71](https://2img.net/h/absba7.absba.org/teamwork8/455943/71.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 72](https://2img.net/h/absba7.absba.org/teamwork8/455943/72.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 73](https://2img.net/h/absba7.absba.org/teamwork8/455943/73.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 74](https://2img.net/h/absba7.absba.org/teamwork8/455943/74.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 75](https://2img.net/h/absba7.absba.org/teamwork8/455943/75.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 76](https://2img.net/h/absba7.absba.org/teamwork8/455943/76.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 77](https://2img.net/h/absba7.absba.org/teamwork8/455943/77.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 78](https://2img.net/h/absba7.absba.org/teamwork8/455943/78.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 79](https://2img.net/h/absba7.absba.org/teamwork8/455943/79.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 80](https://2img.net/h/absba7.absba.org/teamwork8/455943/80.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 81](https://2img.net/h/absba7.absba.org/teamwork8/455943/81.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 82](https://2img.net/h/absba7.absba.org/teamwork8/455943/82.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 83](https://2img.net/h/absba7.absba.org/teamwork8/455943/83.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 84](https://2img.net/h/absba7.absba.org/teamwork8/455943/84.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 85](https://2img.net/h/absba7.absba.org/teamwork8/455943/85.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 86](https://2img.net/h/absba7.absba.org/teamwork8/455943/86.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 87](https://2img.net/h/absba7.absba.org/teamwork8/455943/87.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 88](https://2img.net/h/absba7.absba.org/teamwork8/455943/88.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 89](https://2img.net/h/absba7.absba.org/teamwork8/455943/89.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 90](https://2img.net/h/absba7.absba.org/teamwork8/455943/90.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 91](https://2img.net/h/absba7.absba.org/teamwork8/455943/91.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 92](https://2img.net/h/absba7.absba.org/teamwork8/455943/92.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 93](https://2img.net/h/absba7.absba.org/teamwork8/455943/93.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 94](https://2img.net/h/absba7.absba.org/teamwork8/455943/94.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 95](https://2img.net/h/absba7.absba.org/teamwork8/455943/95.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 96](https://2img.net/h/absba7.absba.org/teamwork8/455943/96.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 97](https://2img.net/h/absba7.absba.org/teamwork8/455943/97.jpg)
![[#C] تعلم خطوة بخطوة , مع الإجابة عن أي سؤال 98](https://2img.net/h/absba7.absba.org/teamwork8/455943/98.jpg)
