Membuat Fragment Untuk Mempermudah Development Aplikasi

Pada tutorial sebelumnya di Membuat Intent Untuk Berpindah Activity, telah dibahas penggunaan Intent, Kali ini kita akan membuat Fragment untuk mempermudah development aplikasi Android, atau bisa kita sebut sebagai subactivity.

Fragment adalah sebuah sub-bagian yang mewakili perilaku tertentu pada UI dalam sebuah aktivitas. Utamanya Fragment digunakan dalam UI yang memiliki banyak layar (multi-pane UI).

Fragment diperkenalkan Google pada API 11 (Android 3.0 Honeycomb), untuk menangani tampilan desain yang dinamis dan variatif karena adanya tambahan kategori device, yakni tablet.

1. Buat Project dengan Start a new Android Studio Project

Belajar Intent_1

2. Kemudian Configure your new project, isikan Application Name dengan Belajar Fragment dan Company domain sesuai dengan nama yang kamu inginkan.

Belajar Fragment_2

Kemudian Klik Next hingga Finish. Biarkan gradle menggenerate project kita.

3. Tambahkan Library Design dengan cara Pilih Menu FIle -> Project Structure… ”

kemudian pilih Modules app -> buka tab Dependencies -> klik “+” kemudian pilih 1. Library Dependency -> lalu cari design, dalam hal ini untuk versi yang saya pakai adalah: compile ‘com.android.support:design:24.0.0’, klik OK

Belajar Fragment_3

Atau bisa juga mengetikan langsung pada bagian dependencies di build.gradle (Module: app):

compile ‘com.android.support:design:24.0.0’

kemudian Sync Now

4. Pada file styles.xml (folder res/values) modifikasi kode didalamnya sehingga menjadi seperti ini :

5. Selanjutnya membuat content dari tab-tab yang akan ditampilkan. Buat Package atau direktori baru dengan nama fragment dengan cara : klik kanan pada package utama -> New -> Package dan beri nama fragment.

Belajar Fragment_4

6. Kemudian buat dua class fragment didalamnya masing-masing Tab1Fragment dan Tab2Fragment dengan cara Klik kanan pada package fragment -> New -> Fragment -> Blank Fragment

Belajar Fragment_5

Akan muncul dialog form seperti berikut, beri nama Tab1Fragment dan uncheck Include fragment factory methods Dan uncheck  Include interface callbacks. Lalu klik finish

Belajar Fragment_6

Ulangi langkah 6 diatas untuk membuat Tab2Fragment

7. Buka file strings.xml (folder res/values) dan tambahkan kode sebagai berikut :

8. Pada fragment_tab1.xml lengkapi kodenya seperti dibawah ini

9. Pada Tab1Fragment.java kodenya seperti dibawah ini.

10. Pada fragment_tab2.xml silakan lengkapi kodenya seperti dibawah ini, Sedikit berbeda dengan fragment_tab1.xml, kita menambahkan sebuah button di fragment_tab2.xml.

11. Pada Tab2Fragment.java silakan lengkapi kodenya seperti dibawah ini. Untuk mengimport android support tekan ALT+Enter

12. Sekarang kita akan membuat Adapter untuk Fragment-fragment yang telah kita buat.

Buat package baru dengan cara klik kanan dipackage utama -> New -> Package -> dan beri nama adapter. Didalam package directory buat class Adapter dengan cara Klik kanan pada package adapter -> New -> Java Class dan beri nama TabFragmentPagerAdapter

Belajar Fragment_7

Pada TabFragmentPagerAdapter.java lengkapi kodenya sebagai berikut dan sesuaikan baris-baris yang memuat Package name dan Fragment Name.

13. Pada direktori layout buat file resource layout baru dengan cara klik kanan pada direktori layout -> New -> Layout resource file dan beri nama “toolbar.xml

Dan kemudian lengkapi kodenya sebagai berikut. Toolbar ini akan menjadi pengganti dari ActionBar pada umumnya.

14. Pada activity_main.xml lengkapi kodenya sebagai berikut.

Dapat dilihat pada baris kode diatas kita menggunakan beberapa komponen UI seperti TabLayout dan ViewPager yang dibungkus dengan Container utama yaitu LinearLayout dengan konfigurasi Vertical pada orientasinya.

15. Terakhir Pada MainActivity.java lengkapi kodenya sebagai berikut.

16. Silakan jalankan dengan tombol Run ke emulator atau device atau export ke apk untuk instal secara manual di device. Tampilan apps hasil implementasi membuat Fragment di Android Studio adalah sebagai berikut.

membuat Fragment di Android Studio

Tutorial Membuat Fragment Untuk Mempermudah Development Aplikasi ini saya kutip dari Kelas Reguler di Dicoding akademi. Pada Kelas ini, Anda dapat mendaftar secara GRATIS dan membaca seluruh modul artikel dalam kelas tersebut.

Namun untuk memperoleh validasi terhadap proses belajar Anda, Anda harus melakukan upgrade dengan menggunakan Dicoding Point. Silahkan klik untuk mendaftar secara Gratis kelas Belajar Membangun Aplikasi Android Native

Download Source Code Membuat Fragment Android Untuk Mempermudah Development Aplikasi

Share to Unlockimage/svg+xml
Share tulisan ini ke Facebook / Twitter kamu untuk mendapatkan Link download.

Leave a Reply

Your email address will not be published. Required fields are marked *