Sabtu, 03 Februari 2018

Cara Membuat Tab Layout hanya icon di Android Studio

    Seperti kebanyakan aplikasi android Tab Layout tanpa tulisan atau hanya icon sangatlah populer. Facebook, Instagram, YouTube dan masih banyak lagi aplikasi populer lainnya yang menggunakan tab layout hanya icon. Apabila masih kurang jelas bisa lihat gambar dibawah seperti apa itu tab layout hanya icon.

Langkah pertama
    Hal yang kita butuhkan pertama kali adalah melakukan edit script pada Gradle Script.

Setelah selesai pada Gradle Script saatnya membuat tampilan baik itu layout drawable style dan color.

1. Layout
    Pada folder layout yang kita butuhkan adalah tiga file yaitu, satu activity dan dua fragment
activity_main.xml

fragment_home.xml

fragment_social.xml


2. Drawable
    Pada folder drawable tambahkan 2 file vector bisa dengan membuat sendiri atau dengan menambahkan di standar assets. Klik kanan pada folder drawable -> new -> Vecror Asset

3. Styles
    Pada folder values edit dua file yaitu styles.xml dan color.xml
colors.xml

styles.xml


Langkah kedua
    Setelah selesai dengan xml sekarang kita memulai dengan java. Pada java folder kita membutuhkan 4 file.
MainActivity.java

Adapter.java

HomeFragment.java

SocialFragment


Jika sudah selesai sekarang saatnya menjalankan aplikasi bisa dengan emulator ataupun langsung di hp.

Hasil dari aplikasi ini:


Sekian dari saya admin xemonix kurang dan lebihnya saya mohon maaf.

Download Codenya Disini

2 komentar: