Breaking News
Loading...
Wednesday, April 30, 2014

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 :

Icon Di Action Bar

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 :

Icon Di Action Bar

2. Menambah Icon Di Action Bar
  • Edit file string.xml menjadi seperti berikut :
action bar
  • 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 :
Icon Di Action Bar

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 :
Icon Di Action Bar
  • Setelah itu coba jalankan project anda. Jika tidak terjadi error maka akan tampil seperti gambar berikut :
Icon Di Action Bar

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 :
Icon Di Action Bar
  • kemudian ketikan code berikut :
Icon Di Action Bar
  • Buat class baru di package anda. Disini saya membuat class dengan "KoleksiGambar" seperti terlihat pada gambar dibawah ini :
Icon Di Action Bar
  • kemudian ketikan code berikut :
Icon Di Action Bar
  • Tambahkan class yang telah anda buat di AndroidManifest.xml, seperti terlihat pada gambar berikut :
Icon Di Action Bar
  • 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 :
Icon Di Action Bar
  • 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.

Download Source Code

0 comments:

Post a Comment

 
Toggle Footer