Cara Menerapkan Icon Sajian Pada Toolbar Material Design Android

Toolbar ialah sebuah komponen antar muka yang merupakan bab dari material design di Android.Yang juga merupakan pengganti kelanjutan dari versi terdahulu yaitu Action Bar, Toolbar terdiri dari navagasi icon,menu ,setting dll. Untuk memakai dan menerapkan toolbar kalian dapat memakai nya dari library v21 (Appcompat) hingga versi terbaru sekarang.Nah disini lah kelebihan  Android Studio karna sudah support v21 dari awal  dirilis versi 1.0 



r ialah sebuah komponen antar muka yang merupakan bab dari material design di Android Cara Menerapkan Icon Menu pada Toolbar Material Design Android



Pada tutorial berguru android sebelumnya,  saya telah menyebarkan tutorial wacana Cara Membuat  Toolbar Action Bar Material Design Android. Nah pada tutorial berguru android kali ini ,saya akan mencoba menciptakan dan menerapkan Icon Menu Toolbar Android. Icon menu digunakan pada Toolbar, untuk keperluan navigasi ,agar memudahkan user (pengguna ) dalam mengakses fitur-fitur pada Aplikasi


1. Pertama buka Project Android Studio kalian.


2. Setup Gradle :

Di bab Setup Gradle disini aku akan menggunakan Cordinator Layout ,  jadi kita harus import dulu library android support design.



dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.1.1'
    compile 'com.android.support:design:23.1.1'
}



3.Siapkan gambar untuk icon sajian kalian.

4.Lalu taruh file gambarnya pada folder ( app/res/drawable/gambar)

5.Kalian dapat mencari icon sajian material disini :



3.Lalu pada bab res/menu/menu_main.xml

Salin baris intruksi (codingan ) berikut.

menu_main.xml





4. Selanjutnya disini aku menciptakan 4 buah file layout, 2 file untuk kontent dan 2 file lagi dikhususkan untuk menerapkan widget Toolbar.

Salin baris intruksi (codingan )berikut:

  • 2 file untuk kontent.


activity_main.xml





activity_second.xml




  • 2 file untuk Toolbar

toolbar_main.xml



toolbar_second.xml



5. Lalu pada file class Activity java aku memakai nama MainActivity.java  dan SecondActivity.java. Untuk menerapkan Icon sajian pada toolbar ,kita memakai OnCreateOptionsMenu pada object lokasi file sajian yaitu res.menu.menu_main.xml.  Serta memakai onOptionsItemSelected , untuk memberi interaksi atau logic pada icon menu. Disini kita memakai Intent untuk menghubungkan antar Activity.


Salin baris intruksi (codingan )berikut:

MainActivity.java 




SecondActivity.java.





6. Setelah final semua , kita coba jalankan Aplikasinya lewat Android Studio.


Hasil Demo Tampilan :


Ketika user (pengguna ) mengklik icon sajian pada pojok kanan di Toolbar.


r ialah sebuah komponen antar muka yang merupakan bab dari material design di Android Cara Menerapkan Icon Menu pada Toolbar Material Design Android
Hasil Tampilan Icon Menu Toolbar 


Maka akan muncul Activity gres menyerupai pada gambar dibawah:

r ialah sebuah komponen antar muka yang merupakan bab dari material design di Android Cara Menerapkan Icon Menu pada Toolbar Material Design Android
Hasil Tampilan Icon Menu Toolbar 


r ialah sebuah komponen antar muka yang merupakan bab dari material design di Android Cara Menerapkan Icon Menu pada Toolbar Material Design Android

Sumber https://www.okedroid.com/
Show comments
Hide comments

0 Response to "Cara Menerapkan Icon Sajian Pada Toolbar Material Design Android"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close