Cara Membuat Bottom Navigation Dengan Fragment Android

Posted on

Cara Membuat Bottom Navigation Dengan Fragment Android – Halo android dev! Setelah sebelumnya saya membuat tutorial membuat bottom navigation, Di tutorial kali ini agan akan belajar bagaimana bottom navigation dipadukan dengan fragment. Maksudnya, jadi di sebelumnya hanya layout saja nah sekarang kita akan membuat fungsinya juga. Sebagai gambaran misal user mengklik icon home maka akan muncul fragment home, user mengklik icon profile maka akan muncul fragment profile, dan seterusnya.

Persiapan sebelum melakukan tutorial ini ialah membuat layout terlebih dahulu. Agar tidak nulis 2 kali saya saranin agan silahkan menuju artikel “Cara Membuat Bottom Navigation Seperti Instagram” terlebih dahulu. Jika layout sudah selesai maka agan bisa melanjutkan tutorial ini. Saya asumsikan agan sudah membuat layout seperti instagram ya.

Cara Membuat Bottom Navigation Dengan Fragment Android
Cara Membuat Bottom Navigation Dengan Fragment Android

Bagaimana Cara Membuat Bottom Navigation Dengan Fragment Android ?

Pertama,

Buatlah fragment baru dengan nama HomeFragment, SearchFragment, AddFragment, FavoriteFragment, dan ProfileFragment. Caranya dengan klik kanan pada folder app –> new –> fragment –> fragment ( blank ).

Cara Membuat Bottom Navigation Dengan Fragment Android
Cara Membuat Bottom Navigation Dengan Fragment Android

Kedua,

Tambahkan library butterknife kedalam project agan. Caranya agan bisa lihat di artikel berikut : Cara Menambahkan dan Menggunakan Library Butterknife

Ketiga,

Buka activity_main.xml lalu tambahkan FrameLayout. FrameLayout tersebut kita set agar di atas layout bottom navigation. Untuk kodenya sebagai berikut :

Keempat,

Buka MainActivity.java lalu deklarasikan komponen-komponen yang ada di activity_main.xml.

Kelima,

Buatlah fungsi dengan nama initFragment. initFragment ini berfungsi sebagai method untuk meng-init fragment kedalam framelayout.

Keenam,

Buat listener onClick ke masing-masing button dan arahkan masing-masing button tersebut agar meng-eksekusi fungsi initFragment. Untuk kodenya begini :

Untuk full source code didalam MainActivity.java adalah sebagai berikut :

Ketujuh,

Selesai dan coba jalankan aplikasi agan.

Cara Membuat Bottom Navigation Dengan Fragment Android
Cara Membuat Bottom Navigation Dengan Fragment Android

 

Download Cara Membuat Bottom Navigation Dengan Fragment Android :

[sociallocker]

Download Project Igeh App

[/sociallocker]

 

Baca Juga :

Cara Set Data Spinner dari Json API Server ( Retrofit ) Android

Tutorial CRUD Rest API Menggunakan Retrofit 2 Android

 

Sekian tutorial pemrograman android mengenai Cara Membuat Bottom Navigation Dengan Fragment Android. Semoga bermanfaat dan seperti biasa jiga agan ingin request tutorial android bisa berkomentar di artikel request tutorial pemrograman android. Hatur Nuhun.

Gravatar Image
Seorang manusia biasa yang mempunyai fokus ke bidang pemrograman android dan ngeblog mengenai teknologi.

4 thoughts on “Cara Membuat Bottom Navigation Dengan Fragment Android

    1. Sebenernya kan sama aja gan, bedanya kalau pake butterknife @BindView nah kalau ga pake butterknife btnSImpan = (Button) findViewById blabla. Buat jadi referensi bisa langsung ke artikel yang ane buat tentang Cara Penggunaan Butterknife gan 🙂

  1. maksud dari :
    initFragment(new HomeFragment());
    muncul error :
    Error:(38, 26) error: cannot find symbol class HomeFragment

    bisa dibantu mas?

Leave a Reply

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