Cara Menambah Icon Di Action Bar

Cara Menambah Icon Di Action Bar - Sebelumnya saya memposting tentang Cara Membuat Swipe View Di Android. Pada posting kali ini saya akan share Cara Menambah Icon Pada Action Bar seperti terlihat pada gambar dibawah ini :

Disini saya tidak menjelaskan apa itu action bar. Silahkan anda merujuk ke situs Developer Android untuk mengetahui penjelasan mengenai action bar yang lebih detail. Oke, kita langsung aja ke tutorial Cara Menambah Icon Di Action Bar. Silahkan ikuti langkah-langkah berikut :

1. Membuat Project Baru

• Seperti biasa, sebelum kita mulai ngoding kita buat project baru terlebih dahulu. Pada tutorial ini, saya membuat seperti terlihat pada gambar dibawah ini :

2. Menambah Icon Di Action Bar

• Edit file string.xml menjadi seperti berikut :

• Copy icon yang ingin anda gunakan ke folder drawable. Icon yang saya gunakan pada tutorial ini dapat anda download DISINI.
• Buat file xml baru di folder "res >> menu". Disini saya membuat file xml dengan nama "action_bar_icon". Setelah itu, ketikan code berikut :

Penjelasan :

android:icon = Digunakan untuk mendefinisikan icon

android:title = Digunakan untuk mendefinisikan title untuk icon

android:showAsAction = Digunakan untuk visibilitas icon action bar

Attribut "showAsAction" mempunyai beberapa value yaitu :

• ifRoom = Menampilkan icon jika ada tempat tersedia
• never = Tidak menampilkan icon di action bar
• always = Memaksa menampilkan icon di action bar. Ini tidak direkomendasikan.
• withText = Menampilkan text dengan icon

-------------

• Selanjutnya buka MainActivity.java dan edit method onCreateOptionsMenu menjadi seperti berikut :

• Setelah itu coba jalankan project anda. Jika tidak terjadi error maka akan tampil seperti gambar berikut :

3. Memberi Aksi Klik

Icon pada action bar yang telah anda buat, ketika diklik masih belum memberikan aksi apa-apa. Untuk memberikan aksi, ikuti langkah-langkah berikut :

• Buat file xml baru di folder res >> layout. Disini saya membuat file xml dengan nama "koleksi_gambar" seperti terlihat pada gambar dibawah ini :

• kemudian ketikan code berikut :

• Buat class baru di package anda. Disini saya membuat class dengan "KoleksiGambar" seperti terlihat pada gambar dibawah ini :

• kemudian ketikan code berikut :

• Tambahkan class yang telah anda buat di AndroidManifest.xml, seperti terlihat pada gambar berikut :

• Selanjutnya buka kembali file MainActivity.java dan buat method "onOptionsItemSelected". Method ini yang akan menangani ketika icon di actionbar diklik. Code lengkapnya seperti dibawah ini :

• Sekarang silahkan anda jalankan lagi dan coba klik icon gambar pada action bar. Untuk icon yang lain, silahkan anda tambahkan sendiri aksinya. 

Sekian tutorial Cara Menambahkan Icon Pada Action Bar, jika terdapat kesalahan saya mohon maaf dan mohon kritik dan sarannya. Terima Kasih.

Anda juga bisa menemukan tutorial ini di Coding-androidku.blogspot.com

Download Source Code