P E R T E M U A N 5 FRAGMENT.

Presentasi berjudul: "P E R T E M U A N 5 FRAGMENT."— Transcript presentasi:

1 P E R T E M U A N 5 FRAGMENT

2 Anggota : Kukuh Prasetyo Adhi (15.11.0307) Warsito Aji (15.11.0306)
Karima Dewi R ( ) Alfano Kurniawan W ( ) Bagus Nanda P ( ) Shisen Nugraha B ( )

3 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) Contoh penerapan fragment pada android

4 Poin – poin penting dalam fragment :
Sebuah fragment memiliki layout sendiri dan lifecycle callback sendiri. Dapat menambah atau mengurangi fragment dalam activity ketika activity tersebut sedang berjalan. Dapat menggabungkan beberapa fragment dalam suatu activity tunggal untuk membangun UI multi-pane. Sebuah fragment dapat digunakan dalam beberapa activity. Lifecycle Fragment berkaitan erat dengan  activity lifecycle induk yang berarti ketika activity induk dihentikan sementara maka semua fragment yang tersedia pada activity tersebut juga dihentikan. Sebuah fragment dapat menerapkan perilaku yang tidak memiliki komponen user interface. Fragment ditambahkan ke dalam Android API dalam versi Honeycomb Android versi API 11.

5 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. onActivityCreated(Bundle) : method ini dipanggil setelah method onCreate().

6 onStart() : digunakan untuk membuat fragment terlihat.
12 Method dari fragment berikut : onViewStateRestored(Bundle) : digunakan untuk menyatakan informasi  kepada fragment bahwa semua akan disimpak 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.

7 onDetach() : digunakan ketika fragment ,tidak lagi ada di Activity.
12 Method dari fragment berikut : onDestroy()  : digunakan untuk membersihkan akhir resources (sumber daya )dari layar fragment. onDetach() : digunakan ketika fragment ,tidak lagi ada di Activity.

8 Membuat Fragment dan Menambahkan fragment pada activity
Listing program berikut : activity_main.xml

9 Membuatan fragment dan Menambahkan fragment pada activity
fragment_satu.xml

10 Membuatan fragment dan Menambahkan fragment pada activity
fragment_dua.xml

11 Membuatan fragment dan Menambahkan fragment pada activity
MainActivity.java

12 Membuatan fragment dan Menambahkan fragment pada activity

13 Membuatan fragment dan Menambahkan fragment pada activity
Output Program

14 Membuat UI flexible dengan fragment
Activity_main.xml

15 Membuat UI flexible dengan fragment
Buatlah Class baru bernama Fisrtfragment.java dan isikan kode dibawah ini : ((MainActivity)getActivity()) untuk mengakses ActionBar dikarenakan kita menggunakan App Compability Library maka untuk method getActionBar() tidak dapat digunakan, akan menghasilkan null pointer exception error. Maka dari itulah kita menggunakan method getSupportActionBar() yang disupport oleh App Compability Library.

16 Membuat UI flexible dengan fragment
Buatlah layout baru bernama Fisrtfragment.xml dan isikan kode dibawah ini :

17 Membuat UI flexible dengan fragment
Buatlah Class baru bernama Secondfragment.java dan isikan kode dibawah ini : Disini kita menambahkan fungsionalitas BackButton pada ((MainActivity)getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(true);dan event ketika back button diklik maka akan menjalankan perintah getFragmentManager().popBackStack(); yang akan membuat fragment saat ini dikeluarkan dari stack.

18 Membuat UI flexible dengan fragment
Buatlah layout baru bernama Secondfragment.xml dan isikan kode dibawah ini :

19 Membuat UI flexible dengan fragment
Buatlah layout baru bernama Thirdfragment.xml dan isikan kode dibawah ini : Buatlah Class baru bernama Thirdfragment.java dan isikan kode dibawah ini :

20 Membuat UI flexible dengan fragment
MainActivity.java Proses penambahan fragment dengan menggunakan method add() agar FirstFragment dapat tampil ke layar dengan sebelumnya kita melakukan pengecekan terhadap isi dari object savedInstanceState();

21 Membuat UI flexible dengan fragment
Output Program

22 KOMUNIKASI ANTAR FRAGMENT
Berikut beberapa hal yang perlu kamu ketahui untuk membuat fragment saling berkomunikasi: Jangan langsung referensi dari fragment ke fragment lainnya. Buatlah Interface yang berisikan method yang akan bertindak sebagai pembawa suatu event. Implements interface pada activity Fragment 1 menggunakan interface untuk mengirim pesan. Pada activity, method interface yang telah diimplementasikan dapat direferensikan ke fragment 2 dan melakukan perubahan pada sesuai method yang diberikan.

23 Buat dua class java baru dengan nama FragmentA dan FragmentB kemudian extend fragment.

24 Kemudian buat layout untuk fragment dengan nama fragment_a
Kemudian buat layout untuk fragment dengan nama fragment_a.xml dan fragment_b.xml. Buka direktori res/layout, klik kanan -> new -> Layout resource file -> masukan nama layout fragment dan ubah Root element dengan RelativeLayout, jika sudah selesai klik OK. FRAGMENT A FRAGMENT B

25 3. Buat interface dengan nama communicator, ini berguna untuk menghubungkan kedua fragment yang telah kita buat. Untuk membuat interface sama saja dengan membuat java class, yang membedakan pada kind pilih interface

26 4. Buka activity_main.xml, kemudian masukan layout fragment.

27 5. Buka MainActivity.java, implements interface yang sudah dibuat dan implementasikan method dari Communicator.

28 Output Komunikasifragment