Belajar Cara Menciptakan 1 Mainactivity 4 Fragment Android

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



 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android



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


 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Contoh Fragment Android (source :Developer Android)

Sebelum memulai kalian harus tahu 12 method dari fragment berikut :

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


 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Lifecycle Fragment (source: android developer)


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


FragmentManager : Digunakan untuk antarmuka menghubungkan Object Fragment , ke dalam Activity , dan juga mengatur tumpuan 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 gres ,atau sanggup project yang sudah ada yang masih kosong, di Android Studio



 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Buat Project Baru


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

 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Buat Fragment Baru



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

 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Configure Component

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


 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Struktur File Fragment


Coding :


5. Pada bab activity_main,xml ,  karena kita memakai Fragment , disini kita akan memakai 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 bab pertama Fragment , di layout.xml , kalian sanggup salin baris kode (codingan berikut):


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





8. Nah pada bab kedua Fragment ,di  coding java ,  kalian sanggup salin baris kode (codingan berikut):


FragmentPertama.java


FragmentKedua.java

FragmentKetiga.java



FragmentKeempat.java



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




 yang merupakan sebuah bab dari Activity Belajar Cara Membuat 1 MainActivity 4 Fragment Android
Hasil Tampilan Aplikasi


Selesai , Demikian Belajar Cara Membuat 1 MainActivity 4 Fragment Android Studio. Yang niscaya sisanya , kalian sanggup kembangkan lagi codinganya , semoga  Aplikasinya lebih baik lagi.
Terima kasih


Sumber https://www.okedroid.com/
Show comments
Hide comments

0 Response to "Belajar Cara Menciptakan 1 Mainactivity 4 Fragment Android"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close