Belajar Cara Membuat 1 MainActivity 4 Fragment Android

Seperti yang kalian ketahui, Fragment adalah salah satu komponen , antar muka (user interface ) yang merupakan sebuah bagian dari Activity, dapat disebut juga dengan nama Sub-Activity. Satu Activity bisa mengelola beberapa fragment .untuk menampilkan hasil di layar user (pengguna). Dalam Satu Activity juga ,sebuah fragment dapat diganti,ditambahkan dan dihapus ,dan juga bersifat reusable ,artinya dapat digunakan kembali sesuai kebutuhan. Fragment dipengaruhi dari lifecycle (siklus hidup ) Activity , karna Fragment termasuk bagian dari Activity.

tutorial contoh membuat dan fungsi fragment android studio

Nah Fragment sangat berguna sekali, ketika kita sedang mengerjakan project pembuatan Aplikasi yang membutuhkan banyak komponen User Interface, dalam satu Activity. Contoh penerapan Fragment Android seperti pada gambar dibawah:

Contoh Fragment Android (source :Developer Android)

Sebelum memulai kalian harus tahu 12 method dari fragment berikut :

onAttach(Activity) : digunakan untuk memanggil 1 kali ketika menempel di Activity.
onCreate(Bundle) : digunakan untuk mempersiapkan fragment.
onCreateView(LayoutInflater, ViewGroup, Bundle) : menciptakan dan menampilkan kembali secara hirarki View.
onActivityCreated(Bundle) : method ini dipanggil setelah method onCreate().
onViewStateRestored(Bundle) : digunakan untuk menyatakan informasi kepada fragment bahwa semua akan disimpan ke dalam state (layar) dari tampilan fragment secara hirarki yang telah dipulihkan.
.onStart() : digunakan untuk membuat fragment terlihat.
onResume() : digunakan untuk membuat fragment interaktif.
onPause() : digunakan jika fragment tidak lagi interaktif.
onStop() :digunakan jika fragment tidak lagi terlihat.
onDestroyView() : digunakan untuk membersihkan resources (sumber daya.
onDestroy() : digunakan untuk membersihkan akhir resources (sumber daya )dari layar fragment.
onDetach() : digunakan ketika fragment ,tidak lagi ada di Activity.

Lifecycle Fragment (source: android developer)

Pada tutorial belajar android kali ini ,kita akan mencoba membuat 1 MainActivity dengan 4 Fragment Android ,yang dimana disini kita akan menggunakan FragmentTransaction dan FragmentManager .

FragmentManager : Digunakan untuk antarmuka menghubungkan Object Fragment , ke dalam Activity , dan juga mengatur referensi yang terkait dengan Fragment.

FragmentTransaction : Digunakan untuk :

menambah fragment(add())
mengganti fragment yang tampil (replace()).
dapat menyimpan fragment ke dalam state ,ketika tombol back diklik (addToBackStack()),
menghapus fragment (remove()),
mengeksekusi fragment transaction(commit())
transisi animasi fragment (setTransition())

Membuat Project

1. Pertama buat project baru ,atau bisa project yang sudah ada yang masih kosong, di Android Studio

Buat Project Baru

2. Setelah itu buat 4 Fragment baru dengan cara , klik kanan pada folder package java , lalu pilih New
>Fragment > Fragment Blank .. Seperti pada gambar dibawah ini:

Buat Fragment Baru

3. Lalu pada bagian Configure Component , tentukan nama pada bagian Fragment Name dan Fragment Layout Name , lalu uncheklist pada bagian Include fragment factory methods? dan Include interface callbacks? Setelah itu pilih tombol Finish . Untuk lebih jelasnya bisa lihat gambar dibawah ini :

Configure Component

4. Ulangi sampai menghasilkan 4 buah Fragment ,seperti pada di gambar dibawah :

Struktur File Fragment

Coding :

5. Pada bagian activity_main,xml , karena kita menggunakan Fragment , disini kita akan menggunakan FrameLayout , untuk menumpukan atau overlaping View. Disini kita pindahkan ke dalam activity_main,xml. Sebagai placeholder, nilai atribut id bernama frame_content.

6. Pada bagian MainActivity.java ,seperti yang sudah dijelaskan sebelumnya , disini kita akan menggunakan FragmentTransaction dan FragmentManager ,

7. Nah pada bagian pertama Fragment , di layout.xml , kalian bisa salin baris instruksi (codingan berikut):

Terdiri dari 4 file : fragment_pertama , fragment_kedua.xml ,fragment_ketiga.xml dan fragment_keempat.xml.

8. Nah pada bagian kedua Fragment ,di coding java , kalian bisa salin baris instruksi (codingan berikut):

FragmentPertama.java

FragmentKedua.java

FragmentKetiga.java

FragmentKeempat.java

9. Setelah itu kita coba jalankan Aplikasinya , di Android Studio . kurang lebih hasilnya akan seperti ini.

Hasil Tampilan Aplikasi

Selesai , Demikian Belajar Cara Membuat 1 MainActivity 4 Fragment Android Studio. Yang pasti sisanya , kalian bisa kembangkan lagi codinganya , agar Aplikasinya lebih baik lagi.

Terima kasih