Tutorial Android : Membuat Menu dengan Fragment

Pembahasan Fragment sudah ada di posting sebelumnya ya, sebelum memulai pembuatan fragment ini rasanya akan lebih baik membaca terlebih dahulu Tetang Fragment (Disini).

Oke jika sudah sedikit ada gambaran tetang Fragment itu sendiri, kita akan membuat project mengenai fragment ini. Konsepnya satu buah activity memiliki 2 buah halaman yang berbeda seperti Home dan Profile.

Fragment masrahman28.blogspot.com

Kita mulai saja dengan membuat project baru dengan nama Fragment 

Membuat Project Fragment masrahman28.blogspot.com

Next saja, untuk minimum SDK pun di next saja namun jika ingin menggunakan minimum SDK yang lebih tinggi bisa tinggal di pilih saja. Pilih Empty Activity untuk memulai project ini

Tambah Activity masrahman28.blogspot.com

Next saja, maka akan terbuat satu buah Activity beserta layout nya dengan nama MainActivity, kita gunakan yang default saja lalu kita tekan Finish. Maka kita memiliki 2 file yaitu MainActivity.java dan activity_main.xml

Selanjutnya, kita ke layout activity_main.xml kita tambahkan dua buah Button dan Framelayout yang akan kita gunakan sebagai tempat halaman-halaman fragment kita ditampilkan, rubah menjadi seperti di bawah ini. Ingat ya biasakan untuk mengetik sendiri code-code yang ada agar menjadi terbiasa dan akan memudahkan kalian dalam belajar serta memperlancar pemrograman android ini toh kan ada Suggestion dari setiap 2 atau 3 huruf yang kita ketik jd engga bener2 ngetik banget hehehe

Oke tampilan utama dari aplikasi kita telah dibuat, selanjutnya kita akan membuat Fragment Home dan Profile yang akan kita sisipkan di MainActivity yang telah kita buat sebelumnya. Untuk membuat Fragment cara mudahnya kita tinggal klik kanan pada package name project kita, pilih New Fragment yang Blank ya seperti di bawah ini

Menambahkan Fragment masrahman28.blogspot.com

Berikan nama Fragment yang akan kita buat, sebagai contoh saya menamakannya HomeFragment sebagai definisi karena menu yang kita buat adalah Home dan Profile. Sebelum di Finish unceklis dulu ya untuk yang "Include fragment factory methods?" dan "Include interface callbacks?" biar lebih simpel Fragment yang kita buatnya tinggal Finish aja

Home Fragment masrahman28.blogspot.com

Setelah kita membuat HomeFragment kita membuat satu lagi Fragment dengan nama ProfileFragment, tinggal ikutin aja ya langkah yang sama seperti di atas

Sudah? oke jika sudah kita sekarang memiliki satu buah Activity dan dua buah Fragment. Nah sebelum kita menyisipkan Fragment di dalam Activity, untuk mendefinisikan bahwa ketika kita berpindah halaman dari Fragment Home ke Profile kita ubah TextView dari setiap halaman Fragment, untuk fragment_home.xml menjadi "Halaman Home" dan untuk fragment_profile.xml menjadi "Halaman Profile"

Mudah kan mudah, nah apalagi menyisipkan Fragment nya akan lebih simpel lagi nih. Kita ke MainActivity.java ya sekarang
Pertama, kita definisikan terlebih dahulu dua Button masih ingat kan caranya?

Ini digunakan setiap kita membuat widget apapun yang ada di layout. Jika tidak maka nanti force close aplikasi yang kita buat. Sementara untuk memanggil Fragment coding nya sangat simpel yaitu

Lalu darimana R.id.frameLayout itu? itu adalah FrameLayout yang kita buat dari activity_main.xml yang nantinya akan kita sisipkan halaman-halaman Fragment.
Coding lengkapnya untuk MainActivity.java


Pertanyaannya, mengapa di method onCreate() kita commit HomeFragment? karena kita harus pula mendefinisikan halaman pertama yang akan ditampilkan oleh Activity, karena jika tidak maka kita akan menampilkan halaman kosong pada saat Activity pertama kali dijalankan.

Selesai project Fragment yang kita buat, dan bisa dijalankan tentunya.

Untuk project lengkap nya silahkan Download Disini