برمجة تطبيقات اندرويد كيفية عمل أكثر من صفحة داخل التطبيق والتنقل بين الصفحات

  برمجة تطبيقات أندرويد كيفية عمل أكثر من صفحه داخل التطبيق والتنقل فيما بينها مرحباَ بكم في مدونة كبيرالمبرمجين اليوم اقدم لكم الدرس الثالث من دورة تعلم برمجة تطبيقات أندرويد من الجوال بإستخدام تطبيق AndroidIDE وسنشرح لكم كيفية عمن أكثر من صفحه داخل التطبيق. 

 كيفية عمل أكثر من صفحه داخل التطبيق 

مثال على عمل أكثر من صفحه داخل تطبيق اندرويد :

 إذا كان لدينا تطبيق  أذكار  ونريد أن تكون الصفحة الأولى تحتوي على قائمة بجميع الأذكار وعند النقر على أذكار الصباح  يذهب التطبيق إلى أذكار الصباح او أذكار المساء. ولا يكاد أي تطبيق يخلو من أكثر من صفحة  المهم لنبدأ الأن لنريكم الطريقة.

أولا:  من ماذا يتكون الأكتيفيتي  ؟؟؟

يتكون الأكتيفتي الذي شرحناة الدرس الأول هذا يعني أن أي أكتيفتي  يتكون من  ملفين

1.   الملف الأول من نوع xml ويحتوي على الأزرار والقوائم التي يشاهدها المستخدم أو ما يسمى (بواجهة المستخدم) 
2.  الملف الثاني من نوع java وهو كلاس نسمية أي أسم ويتم بداخل هذا الكلاس تنفيذ الأحداث وبعض الدوال التي تم شرحها بالدرس الثاني مثل الدالة onCreate() التي تتنفذ عند بداية تشغيل التطبيق. 

والأحداث التي يقوم المستخدم بالتفاعل معها مثلا عند النقر على زر  ماهو الحدث اللذي يتنفذ.

بعد أن ذكرنا  مكونات الأكتيفتي  نقوم الأن بعمل مثال عبارة عن تطبيق   يتكون من صفحتين  والصفحة الأولى تحتو على زر  عند النقر على هذا الButton ينتقل التطبيق إلى الصفحة الثانية   

إفتح  مشروع جديد 

وقم بفتح متصفح ملفات المشروع عن طريق الزر الدائري الذي في أسفل

اليمين لونة أزرق لتظهر كما في الصورة

بعدها ادخل على مجلد 📂 src

ادخل على مجلد📂 res ثم مجلد layout

 لنقوم بتصميم الصفحة الأولى main.xml وعمل Button من أجل الإنتقال للصفحة الثانية

هذة الصور توضح  مكان إضافة ملف layout 

إكتب بداخل صفحة main.xml  هذا الكود الخاص بتصميم زر 

    <Button

android:id="@+id/btn"

android:onClick="onclick"

        android:text="إنتقال إلى الصفحة الثانية"

        android:layout_width="100dp"

    android:layout_height="wrap_content"/> 

ملاحظة : عليك التركيز في الكود التالي الخاص بButton على الخاصية id الملونة باللون الأحمر عبارة عن معرف خاص بعناصر xml من أجل التعامل معة في كلاس الجافا الذي يسمى  MainActivty.java

والخاصية الثانية"android:onClick="onclick

هذه الخاصية "أسم الدالة"=onClick  نضع بداخلها  أسم الدالة التي نريد أن تتنفذ عند النقر على الزر Button  وهنا وضعنا أسم الدالة باللون الأزرق وأسمها onclick سنقوم بإنشائها  فيما بعد 

من أجل إنشاء واحد أخر  ونسمية second.xml

إضغط  على Add New XML File لإضافة  ملف xml جديد كما تراه بالصورة السابقة ليكون الشكل النائي للملفات بهذا الشكل 

عليك الآن بالدخول إلى ملف second.mxl وإضافة الكود التالي  

<Button

android:id="@+id/btn2"

android:text="العودة إلى الصفحة الأولى"

android:layout_width="100dp"

android:layout_height="wrap_content" 

android:onClick="btnclick"/>

الان مابقي سوى أن نقوم بإنشاء كلاس جديد أسمة Second.java  وربطة مع ملف second.xml 

قم بالرجوع خطوتين والدخول إلى مجلد java 

كما في الصورة وقم بإنشاء ملف أسمة SecondActivity

بعدها إضغط على Add new Class

قم  بتسميتة SecondActivity

ليضهر بهذا الشكل SecondActivity.java

public class SecondActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { // TODO: Implement this method super.onCreate(savedInstanceState); } }

لمتابعة الدرس كاملآ شاهد الشرح في الفيديو

تعديل المقال