pregnancy
الأذكار أعوذ بالله من الشيطان الرجيم { اللّهُ لاَ إِلَـهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ } || بسم الله الرحمن الرحيم{ قُلْ هُوَ اللَّهُ أَحَدٌ*اللَّهُ الصَّمَدُ*لَمْ يَلِدْ وَلَمْ يُولَدْ * وَلَمْ يَكُن لَّهُ كُفُواً أَحَدٌ} بسم الله الرحمن الرحيم {قُلْ أَعُوذُ بِرَبِّ الْفَلَقِ * مِن شَرِّ مَا خَلَقَ *وَمِن شَرِّ غَاسِقٍ إِذَا وَقَبَ * وَمِن شَرِّ النَّفَّاثَاتِ فِي الْعُقَدِ * وَمِن شَرِّ حَاسِدٍ إِذَا حَسَدَ } || بسم الله الرحمن الرحيم{ قُلْ أَعُوذُ بِرَبِّ النَّاسِ * مَلِكِ النَّاسِ * إِلَهِ النَّاسِ *مِن شَرِّ الْوَسْوَاسِ الْخَنَّاسِ * الَّذِي يُوَسْوِسُ فِي صُدُورِ النَّاسِ * مِنَ الْجِنَّةِ وَالنَّاسِ } || "اللهم أنت ربي لا إله إلا أنت خَلَقتني وأنا عَبْدُك وأنا على عهدك ووعدك ما استطعت وأعوذ بك من شر ما صنعت أبوء لك بنعمتك على وأبوء بذنبي فاغفر لي فإنه لا يغفر الذنوب إلا أنت" || "اللهم عافني في بَدَني، اللهم عافني في سمعي، اللهم عافني في بصري، لا إله إلا أنت .اللهم إني أعوذ بك من الكفر، والفقر، اللهم إني أعوذ بك من عذاب القبر لا إله إلا أنت"  || "حسبي الله لا إله إلا هو عليه توكلت وهو رب العرش العظيم " || -"اللهم إني أسألك العافية في الدنيا والآخرة،اللهم إني أسألك العفو والعافية في ديني ودنياي وأهلي ومالي،اللهم استر عوراتي وآمن روعاتي، اللهم احفظني من بين يديَّ ومن خلفي وعن يميني وعن شمالي ومن فوقي وأعوذ بعظمتك أن أغتال من تحتي" || -"اللهم عَالِمَ الغيب والشَّهادة، فاطر السموات والأرض، رب كل شيء ومليكه، أشهد أن لا إله إلا أنت أعوذ بك من شر نفسي ومن شر الشيطان وشركه وأن اقترف على نفسي سوءًا أو أجُره إلى مسلم" || -" بسم الله الذي لا يضرُّ مع اسمه شيء في الأرض ولا في السماء وهو السميع العليم" || "رضيت بالله رباً ، وبالإسلام ديناً وبمحمد صلى الله عليه وسلم نبياً "  || "يا حي يا قيوم برحمتك أستغيث أصلح لي شأني كُله ولا تَكِلْني إلى نفيس طرفة عين" || "لا إله إلا الله وحده لا شريك له ،له الملك وله الحمد وهو على كل شيء قدير" || من قال :"سبحان الله وبحمده" مائة مرة حين يصبح وحين يمسي لم يأت أحد يوم القيامة بأفضل مما جاء به إلا أحد قال مثل ما قال أو زاد  || "سبحان الله وبحمده عدد خلقهِ ورِضَا نفسِهِ وزِنُة عَرشِهِ ومِداد كلماته" || "أستغفر الله وأتوب إليه "  || " اللهم صل وسلم على نبينا محمد "

سلسلة تعليم برمجة تطبيقات الأندرويد (الدرس السابع)



سلسلة تعليم برمجة تطبيقات الأندرويد
الدرس السابع

بعد أن أنهينا في الدروس السابقة الواجهة الأولى وتعلمنا في الدرس الماضي أين وكيف يكتب الكود البرمجي الخاص بإظهار رسالة للمستخدم كمثال سننتقل اليوم إلى إنشاء الواجهة التالية للتطبيق وربطها مع الواجهة الأولى فهل أنتم متحمسون؟! بما أن الجواب حتماً نعم فاربطوا الأحزمة لننطلق في درسنا الجديد من هذه السلسلة المميزة ...

سنبدأ بإضافة واجهة جديدة تحتوي على مجموعة من الأزرار وذلك وفق الخطوات التالية:
1- من واجهة الأندرويد استديو ومن الجزء الأيسر من النافذة حيث توجد الملفات الخاصة بالتطبيق نذهب إلى المجلد app ومن ثم المجلد res ومن ثم المجلد layout كما هو موضح في الصورة:


2- في الخطوة التالية نضغط بالزر الأيمن للماوس على المجلد layout فتظهر قائمة نختار منها new ومن ثم layout resource file الذي يمثل ملف الواجهة الجديدة التي نريد تصميمها كما هو موضح في الصورة التالية:



3- في الخطوة التالية نقوم بكتابة اسم ملف الواجهة الجديدة ويجب الالتزام بأن يكونا سم الواجهة بحروف صغيرة حصراً وبدون وجود فراغات وبعد كتابة الاسم نقوم باختيار Root Element والذي يمثل طريقة العرض في الواجهة وهنا سنكتب ضمنه RelativeLayout التي تمثل طريقة العرض المتناسقة والتي تمكننا من ترتيب العناصر بالشكل الذي نحبه (هناك طرق عرض أخرى سنتحدث عنها لاحقاً) وتوضح الصورة التالية ما سبق:



وبعد أن نضغط على زر OK تضاف الواجهة الجديدة باسم second.xml كما هو واضح في الصورة التالية:


بعد أن قمنا بإنشاء الواجهة الجديدة سنبدأ بإضافة العناصر إليها وذلك من جزء Palette الذي تحدثنا عنه في الدروس السابق وهنا سنقوم بإضافة ثلاثة ازرار كما في الشكل التالي:



لنقوم الآن بتسمية هذه الأزرار الثلاثة وذلك كما تعلمنا سابقاً بتحديد كل زر ومن ثم من جزء Properties نقوم باختيار الخاصية Text وكتابة اسم الزر وذلك ليصبح شكل الواجهة كما يلي:



إذا أنشأنا ثلاث أزرار واسمينا كل منها على اسم إحدى شركات الموبايلات الشهيرة وهي: هواوي وسامسونج وآبل وسيكون لاحقاً هناك واجهة لكل منها.
لنقوم الآن بتكبير الخط الموجود ضمن كل زر ليصبح مرئي بشكل أفضل وذلك أيضاً بتحديد الزر ومن ثم من جزء Properties نذهب إلى الخيار textSize ونكتب ضمنه 16pt كما هو واضح في الصورة التالية:




ونكرر الأمر مع الأزرار الثلاثة ليصبح الشكل كما يلي (سنضطر لإعادة تحريك الأزرار لتصبح في مكانها المناسب بعد تكبير حجم الخط) ليصبح الشكل كما يلي:




الآن يجب أن نتعلم كيف نربط بين الواجهة القديمة والجديدة وكيف نعرف ملف جديد للواجهة الجديدة (ملف للأكواد البرمجية تكون لاحقته .java ويسمى class) فهي بنا نطبق الخطوات التالية:
الخطوة الأولى: اضغط بالزر الأيمن على المجلد الذي يمثل اسم الحزمة (الموجود في المجلد java) كما هو أوضح في الصورة التالية:




ومن القائمة المنسدلة نختار New ومن ثم Java Class كما هو واضح في الصورة التالية:



الآن ستظهر نافذة لتسمية اسم الملف البرمجي (الصف) وسنسميه SecondAct كما في الصورة التالية:




ومن ثم نضغط Ok ليضاف الملف الجديد كما هو موضح في الصورة التالية:



الآن وفي الخطوة الأخيرة سنقوم بنسخ الكود البرمجي الموجود في MainActivity كما هو (عبر تحديده ومن ثم Ctrl و C معا من لوحة المفاتيح) ونذهب إلى الملف SecondAct ونمحي ما بداخله ونقوم بالضغط على الزرين Ctrl و v من لوحة المفاتيح للصق كما هو موضح في الصورة التالية:




لما يبقى إلا القليل فقط قوموا الآن بتغيير الكلمة MainActivity ضمن الكود الجديد إلى SecondAct لأنا سم الصف يجب أن يطابق اسم الملف في الكود البرمجي كما هو واضح في الشكل (بعد التعديل ستذهب خطوط الخطأ الحمراء من الملف):



في الخطوة الأخيرة في درسنا اليوم سنقوم بربط ملف xml مع ملف الجافا وذلك عبر التعليمة setContentView فقط فيها سنغير الاسم من activity_main وهو اسم الواجهة الأولى إلى second وهو اسم الواجهة الثانية (الملف الذي أنشأناه في أول الدرس) كما هو واضح في الشكل التالي:




بهذا نكون قد أنهينا درسنا اليوم انتظرونا في الدرس القادم ....