درس : الانتقال من الواجها الاولى الى التانية

السلام عليكم ورحمة الله وبركاتة

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

نقوم الاول بعمل مشروع جديد في برنامجنا المفضل "Eclipse" ونقوم بعمل شاشتين نقوم بتسميتهم كالتالي :-

1. res/layout/main.xml
2. res/layout/main1.xml

في الشاشة main
نقوم بكتابة هذا الكود

كود:

---

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://ift.tt/GYQbrm;
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="مرحباً بك في الشاشة الرئيسية"
        android:textAppearance="?android:attr/textAppearanceLarge" />


    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="الانتقال الى الشاشة رقم 2" />


</LinearLayout>

---

ونقوم بالانتقال الى الشاشة التانية main2 نقوم بكتابة الكود التالي :-

كود:

---

<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://ift.tt/GYQbrm;
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="مرحباً بكم في سوالف سوفت"
        android:textAppearance="?android:attr/textAppearanceLarge" />


</LinearLayout>

---

الان انتهينا من تصميم الشاشات الخاصة بنا وننتقل الى كيفية الانتقال من الشاشة رقم 1 الى الشاشة رقم 2
نقوم بإنشاء كلاسين وكل كلاس سوف يكون خاص بواجهة معينة كما هوا موضع

1. AppActivity.java –> main.xml
2. App2Activity.java –> main2.xml

ملاحظة:-
للأنتقال بين الشاشات سوف نستخدم هذا الامر وهوا شئ تابث في كل برمجة تطبيقات أندرويد

كود:

---

  Intent intent = new Intent(context, anotherActivity.class);
                            startActivity(intent);

---

الان نعود لمثالنا او درسنا نقوم ببرمجة الكلاسات الخاصة بنا
اولاً كما اشرت سوف نقوم ببرمجة

AppActivity ونقوم بكتابة الكود التالي :-

كود:

---

---

كود:

---

package net.swalif.fromonescreentoanotherscreen;


import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.widget.Button;
import android.view.View;
import android.view.View.OnClickListener;


public class MainActivity extends Activity  {


        Button button;


        @Override
        public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
                addListenerOnButton();
        }


        public void addListenerOnButton() {


                final Context context = this;


                button = (Button) findViewById(R.id.button);


                button.setOnClickListener(new OnClickListener() {


                        // هنا امر الانتقال من الشاشة الاولى الى الشاشة التانية
                        @Override
                        public void onClick(View arg0) {


                            Intent intent = new Intent(context, App2Activity.class);
                            startActivity(intent); 


                        }


                });


        }


}

---

والان ننتقل الى برمجة الكلاس App2Activity الذي يرتبط بالشاشة main2
ونقوم بكتابة الكود التالي :-

كود:

---

---

كود:

---

package net.swalif.fromonescreentoanotherscreen;


import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;




public class App2Activity  extends Activity {


        Button button;


        @Override
        public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.main2);
        }
}

---

وبهذا نكون انتهينا من الدرس والمثال مفتوح المصدر في المرفق

الملفات المرفقة

• fromOneScreenToAnotherScreen.zip‏ (3.53 ميجابايت)

درس : الانتقال من الواجها الاولى الى التانية