ให้เรตสมาชิก: 1 / 5

ดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

Android - Intent

การสร้างหน้า Application หลายๆหน้าต้องมีการเชื่อมกันโดยใช้การ Intent เพื่อไปยังอีกหน้า

ขั้นตอนที่ 1 : เข้าโปรแกรม Android Studio สร้างโปรเจคใหม่ขึ้นมา

ขั้นตอนที่ 2 : สร้าง ปุ่ม Button ขั้นมาในหน้า activity_main เป็นหน้าแรก

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    >
    
    <TextView
        android:id="@+id/textview01"
        android:text="PAGE 1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:textSize="30sp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Next Page"
        android:id="@+id/button01"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/textview01"
        />

</RelativeLayout>


ขั้นตอนที่ 3 : สร้างหน้า layout ขึ้นมาอีกหน้า

วิธีสร้างหน้า layout ใหม่

คลิกขวาที่ layout เลือก New > XML > Layout XML File

ตั้งชื่อไฟล์ XML ส่วน Root Tag ให้เป็น Linear Layout เหมือนเดิมก็ได้สามารถเปลี่ยนทีหลังได้

code หน้า 2

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <TextView
        android:id="@+id/textview02"
        android:text="PAGE 2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:textSize="30sp" />

</RelativeLayout>

ขั้นตอนที่ 4 : มาที่โฟลเดอร์ java > ชื่อ package ของเรา

 

ให้เลือกโฟลเดอร์ที่ ไม่มีคำว่า (android Test) แล้วจะเจอ MainActivity.java

- ให้เราสร้าง Java Class ขึ้นมาอีก 1 Class เป็น Class ที่เอาไว้เชื่อมต่อกับไฟล์ XML หน้า 2

วิธีสร้าง Java Class

 

คลิกขวาที่ package เลือก New > Java Class

 

 

 

- ตั้งชื่อ Class (ex.Page2Activity)

 

- หลังจากสร้าง Classให้ extents Activity

public class Page2Activity extends Activity

 

- คลิกพื้นที่ว่างในปีกกา ไปที่ Code > Override Methods

 

 

- แล้วเลือก onCreate กด OK แล้วจะได้ code ตามนี้

 

@Override    
  protected void onCreate(Bundle savedInstanceState) {    
     super.onCreate(savedInstanceState);    
}

 

 

ขั้นตอนที่ 5 : ให้พิมพ์ code จากบรรทัด super

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

*page2 คือชื่อไฟล์ layout หน้า 2 ที่เราสร้างไว้

 

ขั้นตอนที่ 6 : มาที่ MainActivity.java

สร้าง Method onClick ขึ้นมาเพื่อให้หน้า Main ไปยังหน้า Page2

 

จะได้ code ตามนี้

public void onClickNext(View view){
        Button btn_next = (Button)findViewById(R.id.button01);
        Intent intent = new Intent(MainActivity.this,Page2Activity.class);
        startActivity(intent);
    }

อธิบาย code

- บรรทัดแรก ชื่อ Method ตั้งชื่ออะไรก็(ex. onClickNext) เรียกใช้ View และตัวแปรตั้งอะไรก็ได้ (ex. view)

- บรรทัดที่ 2 เรียกใช้ Button เพื่อให้เชิ่อมต่อปุ่มในหน้า xml โดย R.id.button01 เราต้องตั้ง id button01 ในหน้า xml

- บรรทัดที่ 3 เรียกใช้ Intent เป็นคำสั่งไปยังอีกหน้า (MainActivity.this = หน้าปัจจุบัน ,Page2Activity.class = หน้าที่จะไป);

 

ขั้นตอนที่ 7 : เราต้องไปเพิ่ม Activity ใน manifest มาที่โฟลเดอร์ minifest

ให้เพิ่ม Activity Page2Activity เข้าไปต่อจากปีกกาปิดของ Activity

<activity android:name=".Page2Activity"/>

 

 

ขั้นตอนที่ 8 : เราต้องไปเพิ่ม code onclick ที่ปุ่ม button ใน layout xml ด้วย

android:onClick="onClickNext"

จะได้รูปแบบนี้

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Next Page"
        android:id="@+id/button01"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/textview01"
        android:onClick="onClickNext"
        />

เพียงเท่านี้ก็สามารถกดปุ่มไปยังอีกหน้าได้แล้ว

หน้าแรก

หน้าที่สอง

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 19 มกราคาม 2561
โดย Parichat ศ 19 ม.ค. 2018 8:52 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
8
ศ 19 ม.ค. 2018 7:33 pm โดย Parichat
งานประจำวันที่ 19 มกราคม 2561
โดย Jom07 ศ 19 ม.ค. 2018 8:43 am บอร์ด MT23 - สุพรรษา พูลตา
1
24
ศ 19 ม.ค. 2018 9:20 am โดย Jom07
งานประจำวันที่ 19 มกราคม 2561
โดย Four ศ 19 ม.ค. 2018 8:42 am บอร์ด MT22 - อิษยา งามสอาด
4
23
ศ 19 ม.ค. 2018 6:43 pm โดย Four
ตัวแปรชนิด Tuple
โดย Four พฤ 18 ม.ค. 2018 5:18 pm บอร์ด Python Knowledge
0
33
พฤ 18 ม.ค. 2018 5:18 pm โดย Four
ขอสอบถามเรื่องความแตกต่างของฟังก์ชั่นvariant_pow()กับฟังก์ชั่น pow()
โดย Parichat พฤ 18 ม.ค. 2018 1:58 pm บอร์ด Programming - PHP
0
29
พฤ 18 ม.ค. 2018 1:58 pm โดย Parichat
อยากได้โปรแกรม command แบบ cmd ที่เก็บ history ได้ค่ะช่วยเเนะนำหน่อย
โดย thatsawan พฤ 18 ม.ค. 2018 11:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
54
พฤ 18 ม.ค. 2018 7:18 pm โดย thatsawan
0vsNULL
โดย Before Dong พฤ 18 ม.ค. 2018 10:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
41
พฤ 18 ม.ค. 2018 2:51 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Parichat พฤ 18 ม.ค. 2018 9:38 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
13
พฤ 18 ม.ค. 2018 7:16 pm โดย Parichat
งานประจำวันที่ 18 มกราคม 2561
โดย Jom07 พฤ 18 ม.ค. 2018 9:27 am บอร์ด MT23 - สุพรรษา พูลตา
2
34
พฤ 18 ม.ค. 2018 6:49 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Four พฤ 18 ม.ค. 2018 9:24 am บอร์ด MT22 - อิษยา งามสอาด
1
23
พฤ 18 ม.ค. 2018 11:44 am โดย Four
VDO สอนพัฒนา Componet Joomla ภาษาอังกฤษ By Mindphp Developer Team
โดย mindphp พฤ 18 ม.ค. 2018 6:21 am บอร์ด Joomla Development
0
30
พฤ 18 ม.ค. 2018 6:21 am โดย mindphp
Ozio Gallery-Components & Plugins สำหรับช่วยให้ดูภาพที่เผยแพร่บน Googleและวีดีโอจาก Youtube ที่ละเอียด
โดย Parichat พ 17 ม.ค. 2018 7:30 pm บอร์ด Joomla Extension Review
0
51
พ 17 ม.ค. 2018 7:30 pm โดย Parichat
ตัวดำเนินการของตัวแปร List
โดย Four พ 17 ม.ค. 2018 4:35 pm บอร์ด Python Knowledge
0
34
พ 17 ม.ค. 2018 4:35 pm โดย Four
การใช้ Del statement
โดย Four พ 17 ม.ค. 2018 4:03 pm บอร์ด Python Knowledge
0
30
พ 17 ม.ค. 2018 4:03 pm โดย Four
Review Applications 17 มกราคม 2561
โดย Jom07 พ 17 ม.ค. 2018 3:44 pm บอร์ด MT23 - สุพรรษา พูลตา
1
18
พ 17 ม.ค. 2018 6:19 pm โดย Jom07
การใช้ Precedence
โดย Four พ 17 ม.ค. 2018 3:36 pm บอร์ด Python Knowledge
0
32
พ 17 ม.ค. 2018 3:36 pm โดย Four
โครงสร้าง Module
โดย tsukasaz พ 17 ม.ค. 2018 3:08 pm บอร์ด Joomla Dev
0
9
พ 17 ม.ค. 2018 3:08 pm โดย tsukasaz
Index VDO Reenigne – คุณวีรศักดิ์ - odoo 10
โดย Four พ 17 ม.ค. 2018 2:33 pm บอร์ด MT22 - อิษยา งามสอาด
0
8
พ 17 ม.ค. 2018 2:33 pm โดย Four
งานประจำวันที่ 17 มกราคม 2561
โดย Four พ 17 ม.ค. 2018 9:56 am บอร์ด MT22 - อิษยา งามสอาด
3
34
พ 17 ม.ค. 2018 4:36 pm โดย Four
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
52
พ 17 ม.ค. 2018 10:51 am โดย Parichat