Cara Membuat Bottom Navigation Android Seperti Instagram

Published by farizdotid on

Cara Membuat Bottom Navigation Android Seperti Instagram

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.


farizdotid

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

5 Comments

Rafli · September 22, 2017 at 10:14 am

Mas caranya pas salah satu icon di klik terus fragmentnya ganti gimana?

annisa · March 7, 2018 at 3:36 am

kok, saya running error ya mas,, “unfortunately app_name has stopped” 🙁

Cara Membuat Bottom Navigation Dengan Fragment Android · September 22, 2017 at 2:21 pm

[…] 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 […]

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.