Cara Membuat Custom Toolbar


Toolbar merupakan salah satu view utama dalam aplikasi Android. Toolbar dapat berisi view lain, seperti action button, option menu, home up button, hingga nama aplikasi.

Ketika membuat project blank baru, kita harus membuat toolbar manual yang kemudian kita bisa membuat toolbar tersebut bertindak sebagai actionbar. Oke langsung saja ke tutorial membuat custom toolbar berikut ini.

Membuat New Blank Activity

  1. File → New Project → Masukkan nama aplikasi "MyCafee", biarkan yang lain default → pilih New Blank Activity → Finish

Membuat Custom Toolbar

  1. Ubah styles.xml pada folder res → values yang mana dari tema DarkActiorBar menjadi NoActionBar. Hal ini bertujuan untuk menghilangkan ActionBar bawaan dari tema tersebut agar nanti tidak menumpuk saat kita memasukkan layout toolbar baru
  2. Pada folder res, klik kanan folder layout → New → Layout resource file → masukkan nama layout misal "my_custom_toolbar" → OK
  3. Untuk membuat sebuah view toolbar, masukkan source code berikut pada layout yang sudah dibuat tadi

  4. Include my_custom_toolbar.xml ke layout activity_main.xml, jika terlihat tidak rapi karena padding dari layout, hapus code layout_margin pada LinearLayout-nya

  5. Setelah itu, kita pindah ke MainActivity.java. Di awal kita sudah memberi id toolbar kita yaitu my_toolbar yang akan kita inisialisasi

    Untuk keterangan code bisa dilihat di komentar code di atas
  6. Hasilnya akan tampak seperti berikut
Oke, disini kita sudah mempunyai 1 buah layout berupa toolbar. Lalu jika ingin membuat activity baru, kita cukup include toolbar tersebut pada layout mana yang kita inginkan. Toolbar ini juga bisa kita custom sendiri sesuai layout dengan mengkustom melalui file java-nya.

Sekian tutorial cara membuat custom toolbar. Jika ada kesulitan silahkan berkomentar di bawah. Selamat mencoba dan happy coding!

Junior Android Developer, blogger, college in Diponegoro University at Computer System Engineering.

Artikel Terkait

Latest
Previous
Next Post »