Cara Membuat Bottom Navigation Android Seperti Instagram

Posted on

Cara Membuat Bottom Navigation Android Seperti Instagram – Halo Android Developer! Tutorial pemrograman android kali ini kita akan membuat bottom navigation dengan referensi dari aplikasi Instagram. Di tutorial ini agan tidak memakai komponen dari bottom navigation yang disediakan oleh Android Studio, akan tetapi kita akan membuat secara custom. Maksudnya kita disini akan memakai layout Linear Layout dengan set orientationnya “horizontal”.

Cara Membuat Bottom Navigation Android Seperti Instagram
Cara Membuat Bottom Navigation Android Seperti Instagram

Hal yang perlu disiapkan sebelum kita membuat bottom navigation ini adalah sebagai berikut :

 

Yuk kita mulai Cara Membuat Bottom Navigation Android Seperti Instagram :

Pertama,

Buka android studio.

Kedua,

Buatlah project baru dengan nama terserah agan. Contoh saya disini nama projectnya adalah Igeh App.

Ketiga,

Buka gradle.app lalu tambahkan depedency – depedency berikut ini lalu jangan lupa untuk di sync.

Keempat,

Copy – paste icon yang sudah agan download tadi. Caranya sederhana kok, pertama agan extract dulu nanti hasil extract tersebut ada 3 folder android, ios. dan web. Nah agan buka folder android lalu buka folder dengan nama xhdpi dan disitu ada icon yang akan kita gunakan. Copy atau drag icon didalam folder tersebut kedalam folder res->drawable pada Android Studio agan. Lakukan hal yang sama sampai semua icon sudah ada di folder drawable agan.

Cara Membuat Bottom Navigation Android Seperti Instagram
Cara Membuat Bottom Navigation Android Seperti Instagram

Kelima,

Buka activity_main.xml lalu isi dengan kode berikut :

Untuk full source di dalam activity_main.xml adalah sebagai berikut :

Keenam,

Buka folder colors yang ada didalam folder res->values->colors lalu tambahkan kode berikut :

Ketujuh,

Coba jalankan aplikasi agan. Jika berhasil maka tampilan akan seperti ini :

Cara Membuat Bottom Navigation Android Seperti Instagram
Cara Membuat Bottom Navigation Android Seperti Instagram

 

Baca juga :

Cara Membuat Fungsi Cek Koneksi Internet Android Studio

Cara Membuat Date Picker di Android

 

Sekian tutorial pemrograman android mengenai Cara Membuat Bottom Navigation Android Seperti Instagram. Semoga bermanfaat dan seperti biasa jika agan ingin me-request tutorial android bisa menuju artikel request ya. Hatur Nuhun.

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

5 thoughts on “Cara Membuat Bottom Navigation Android Seperti Instagram

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.