FRAGMENT PEMROGRAMAN MOBILE 2.

Presentasi berjudul: "FRAGMENT PEMROGRAMAN MOBILE 2."— Transcript presentasi:

1 FRAGMENT PEMROGRAMAN MOBILE 2

2 ANGGOTA ALIF LUTHFI / FAHRUR AZIZ ROHMANUR AMIN / ERRINA AZIZAH / IRA ARSHINTA WARDANI / INAYATUL ISNAENI / WILDATUL AULIA /

3 FRAGMEN Fragment merupakan bagian dari komponen UI (User Interface) dalam activity. Teman-teman dapat menggabungkan beberapa fragment dalam activity untuk membuat multi-pane UI. Ada beberapa hal yang perlu diketahuin tentang fragment yaitu, fragment memiliki siklus hidup(lifecycle) sendiri, dapat proses event sendiri, dan dapat ditambah atau dihapus ketika activity sedang jalan, dengan kata lain sebuah fragment dapat diganti,ditambahkan dan dihapus,sesuai kebutuhan. Fragment diperkenalkan pada HoneyComb API 11 namun bisa digunakan pada perangkat android lama dengan menggunakan Support Library dari 1.6 sampai 2.0. Contoh fragment seperti di gambar berikut.

4 Contoh dari screenshot disamping adalah apps contact
Contoh dari screenshot disamping adalah apps contact. Pada UI smartphone maka user pertama kali akan melihat listview dan ketika item dari listview disentuh maka berpindah ke detail view, berbeda dengan UI pada tablet karena tablet memiliki ukuran lebih lebar maka listview, DetailView dan other data view akan muncul secara bersamaan. Jadi dapat kita ambil kesimpulan bahwa beberapa fragment dapat dikombinasi dalam satu activity dan optimal digunakan pada layar lebih besar seperti tablet. Screenshoot disamping adalah contoh dari tampilan kombinasi fragment dan activity pada layar tablet.

5 Membuat fragment Dalam membuat sebuah fragment sama halnya dengan yang lain hal yang pertama dilakukan adalah mendisain dari tampilan atau sering disebut juga dengan User Interface berikut adalah list program setelah membuat tampilannya, lebih tepatnya program ini ada pada kelas TampilanFragment.

6 Dan berikut adalah syntaks pada Mainactivity
Perhatikan pada code yang di blok warna biru. Di situ kita memanggil Fragment “TampilanFragment“ untuk menempati FrameLayout dengan id frame_layout yang telah kita buat sebelumnya di tampilan Main Activity.

7 Menambahkan fragment ke activity
Biasanya, fragmen berkontribusi pada sebagian UI ke Activity host, yang disematkan sebagai bagian dari hierarki tampilan keseluruhan Activity. Ada dua cara untuk menambahkan fragmen Kedalam Activity : Fragment Secara Statis (Manual) Untuk menempelkan fragment secara statis (manual), cukup tambahkan elemen fragment ke dalam layout milik sebuah activity dimana kita menentukan nama dari Fragment yang akan ditampilkan lewat elemen tersebut.

8 Fragment Secara Dinamis
Cara yang kedua ialah dengan menempelkan fragment secara dinamis menggunakan Java dengan melalui FragmentManager. Kelas FragmentManager dan kelas FragmentTransaction memungkinkan kita untuk menambah, menghapus dan menimpa fragment yang ada di layout saat activity sedang aktif. Dalam hal ini kita membutuhkan sebuah container (biasanya menggunakan FrameLayout) ke dalam activity dimana kita bisa menempelkan sebuah fragment. Jika sebuah fragment harus selalu ada di dalam activity, gunakan XML untuk meanmpilkannya secara statis namun saat menemukan kasus yang lebih kompleks pastikan untuk menggunakan pendekatan menggunakan Java.

9 Menambahkan fragmen ke viewgroup yang ada
Untuk membuat transaksi fragmen dalam Activity (seperti menambah, membuang, atau mengganti fragmen), Anda harus menggunakan API dari  FragmentTransaction. Anda bisa mengambil instance  FragmentTransaction  dari  Activity  seperti ini: FragmentManager fragmentManager = getFragmentManager(); FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction(); Selanjutnya Anda bisa menambahkan fragmen menggunakan metode  add(), dengan menetapkan fragmen yang akan ditambahkan dan tampilan tempat menyisipkannya. Misalnya: ExampleFragment fragment = new ExampleFragment(); fragmentTransaction.add(R.id.fragment_container, fragment); fragmentTransaction.commit(); Argumen pertama yang diteruskan ke  add(), adalah  ViewGroup  tempat fragmen harus dimasukkan, yang ditetapkan oleh ID sumber daya, dan parameter kedua merupakan fragmen yang akan ditambahkan. Setelah membuat perubahan dengan  FragmentTransaction, Anda harus memanggil commit() untuk menerapkan perubahan

10 Membuat ui fleksibel dengan fragment
Saat mendesain aplikasi untuk mendukung berbagai ukuran layar, Anda bisa menggunakan kembali fragmen dalam konfigurasi layout yang berbeda untuk mengoptimalkan pada tampilan pengguna berdasarkan ruang layar yang tersedia. Misalnya, pada perangkat handset, bisa jadi tepat untuk menampilkan satu fragmen dalam satu waktu untuk antarmuka pengguna satu panel. Sebaliknya, Anda mungkin ingin menyetel fragmen dari sisi ke sisi pada tablet yang memiliki ukuran layar yang lebih lebar untuk menampilkan informasi lebih lanjut kepada pengguna.

11 Contoh menggantikan satu fragmen dengan fragmen lainnya
// Buat fragmen dan berikan argumen untuk menentukan artikel yang seharusnya ditunjukkannya ArticleFragment newFragment = new ArticleFragment(); Bundle args = new Bundle(); args.putInt(ArticleFragment.ARG_POSITION, position); newFragment.setArguments(args); FragmentTransaction transaction = getSupportFragmentManager().beginTransaction(); // Ganti apa pun yang ada dalam tampilan fragment_container dengan fragmen ini, // dan tambahkan transaksi ke tumpukan belakang sehingga pengguna bisa menavigasi kembali transaction.replace(R.id.fragment_container, newFragment); transaction.addToBackStack(null); // Komit transaksi transaction.commit();

12 komunikasi Fragment Fragment pada umumnya hanya berkomunikasi secara langsung dengan activity yang menampilkannya. Fragment dapat berkomunikasi melalui activity yang membacanya untuk mengatur data input dan output dari fragment tersebut ke fragment lain atau activity lain. Cukup anggap Activity sebagai controller yang mengatur interaksi antar fragment yang dia baca.

13 Ada tiga cara sebuah fragment dan sebuah activity dapat berkomunikasi :
Bundle - Activity dapat membuat sebuah fragment dan menambahkan arguments Methods - Activity dapat memanggil method di dalam instance fragment Listener - Fragment dapat memanggil event listener di dalam sebuah activity lewat sebuah interface.