Belajar Cara Membuat 1 MainActivity 4 Fragment Android - Okedroid.com | Belajar Coding Aplikasi Java Android Online
Okedroid.com | Belajar Coding Aplikasi Java Android Online

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 Fungsi Fragment Android Studio
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 Android Studio
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 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 Android Studio
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 Fragment Android Studio
Configure Component

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


Struktur File Fragment Android Studio
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 1 Activity 4 Fragment Android Studio
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

0 Komentar untuk "Belajar Cara Membuat 1 MainActivity 4 Fragment Android "

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini . NO BACKLINK /LINK HIDUP

Back To Top
-->