Fragment Tutorial พร้อมตัวอย่างใน Android Studio?

ตัวอย่างนี้สาธิตเกี่ยวกับ Fragment Tutorial พร้อมตัวอย่างใน Android Studio

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

 <ปุ่ม android:id ="@+id/fragment1" android:layout_width ="wrap_content" android:layout_height ="wrap_content" android:layout_alignParentTop ="จริง" android:layout_centerHorizontal =" true" android:layout_marginTop ="27dp" android:text ="fragment1"/> <ปุ่ม android:id ="@+id/fragment2" android:layout_width ="wrap_content" android:layout_height ="wrap_content" android:layout_alignParentTop =" true" android:layout_centerHorizontal ="จริง" android:layout_marginTop ="27dp" android:text ="fragment2"/>  

ในโค้ดด้านบน เราได้นำมุมมองปุ่มและเลย์เอาต์เชิงเส้นมาแสดงชิ้นส่วนต่างๆ

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src /MainActivity.java

แพ็คเกจ com.example.myapplication;นำเข้า android.os.Build;นำเข้า android.os.Bundle;นำเข้า android.support.annotation.RequiresApi;นำเข้า android.support.v4.app.FragmentManager;นำเข้า android.support.v4 .app.FragmentTransaction นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.view.View คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { @RequiresApi (api =Build.VERSION_CODES.LOLLIPOP) @Override ป้องกันเป็นโมฆะ onCreate (บันเดิลที่บันทึกไว้InstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); สุดท้าย android.support.v4.app.Fragment first =ใหม่ FirstFragment(); สุดท้าย android.support.v4.app.Fragment วินาที =SecondFragment ใหม่ (); findViewById (R.id.fragment1).setOnClickListener ( View.OnClickListener ใหม่ () { @Override สาธารณะโมฆะ onClick (ดู v) { android.support.v4.app.FragmentManager fm =getSupportFragmentManager (); android.support.v4.app .FragmentTransaction fragmentTransaction =fm.beginTransaction (); fragmentTransaction.replace (R.id.layout ก่อน); fragmentTransaction.commit (); } }); findViewById (R.id.fragment2).setOnClickListener ( View.OnClickListener ใหม่ () { @Override สาธารณะโมฆะ onClick (ดู v) { FragmentManager fm =getSupportFragmentManager (); FragmentTransaction fragmentTransaction =fm.beginTransaction (); fragmentTransaction.replace (R. id.layout วินาที); fragmentTransaction.commit(); } }); }}

ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน src / FirstFragment.java

แพ็คเกจ com.example.myapplication;นำเข้า android.annotation.SuppressLint;นำเข้า android.os.Bundle;นำเข้า android.support.annotation.NonNull;นำเข้า android.support.annotation.Nullable;นำเข้า android.support.v4.app .Fragment;นำเข้า android.view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view.ViewGroup;นำเข้า android.widget.TextView;@SuppressLint ("ValidFragment") FirstFragment คลาสสาธารณะขยาย Fragment { TextView textView; @Nullable @Override สาธารณะ มุมมอง onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup คอนเทนเนอร์, @Nullable Bundle ที่บันทึกไว้InstanceState) { มุมมองมุมมอง =inflater.inflate (R.layout.fragment, คอนเทนเนอร์, เท็จ); textView =view.findViewById (R.id.text); textView.setText("ก่อน"); มุมมองย้อนกลับ; }}

ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน src / SecondFragment.java

แพ็คเกจ com.example.myapplication;นำเข้า android.annotation.SuppressLint;นำเข้า android.os.Bundle;นำเข้า android.support.annotation.NonNull;นำเข้า android.support.annotation.Nullable;นำเข้า android.support.v4.app .Fragment นำเข้า android.view.LayoutInflater นำเข้า android.view.View นำเข้า android.view.ViewGroup นำเข้า android.widget.TextView คลาสสาธารณะ SecondFragment ขยาย Fragment { TextView textView; @Nullable @Override สาธารณะ มุมมอง onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup คอนเทนเนอร์, @Nullable Bundle ที่บันทึกไว้InstanceState) { มุมมองมุมมอง =inflater.inflate (R.layout.fragment, คอนเทนเนอร์, เท็จ); textView =view.findViewById (R.id.text); textView.setText("วินาที"); มุมมองย้อนกลับ; }}

ขั้นตอนที่ 6 − เพิ่มรหัสต่อไปนี้ใน res/layout/ fragment.xml

  

 มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ –
 

 
 

 ตอนนี้คลิกที่ปุ่ม มันจะแสดงผลดังที่แสดงด้านล่าง –