Skip to main content
cara menambah app icon di action bar

Cara Menambah App Icon di Action Bar Android

cara menambah app icon di action bar Android Studio

Salam Sejahtera, kembali kita akan coba membahas materi tentang belajar Android, kali ini kita akan bahas perihal tampilan aplikasi yaitu tentang Cara Menambah App Icon di Action Bar Android Studio. Untuk pemahamannya, bahwa suatu aplikasi yang menarik tentunya tampilan harus diperhatikan. Demikian halnya dengan User Experience sebuah aplikasi, yaitu bagaimana aplikasi kita mudah digunakan oleh pengguna. Atas dasar hal tersebut, kali ini kita akan coba membuat Action Bar dengan memanfaatkan Icon.

Topik Pembahasan Cara Menambah App Icon di Action Bar Android Studio

  • Pengenalan Action Bar
  • Pembuatan Project Action Bar + Icon
  • Kesimpulan

Pengenalan apa itu Action Bar

Sebelum melangkah lebih jauh tentang cara menambah app icon di action bar, kita pahami dulu apa yang dimaksud dengan Acion Bar. Sekilas teori nya, Action Bar adalah sebuah bar yang bisa kita gunakan sebagai tempat meletakkan menu–menu action untuk aplikasi kita. Action Bar ini berada di bagian atas aplikasi Android. Dengan kita menempatkan menu – menu aplikasi pada Action Bar, maka kita bisa memudahkan pengguna dalam navigasi di setiap halaman / activity dari aplikasi. Secara default pada kebanyakan basic form, Action Bar menampilkan title dari Activity dan app icon.

ActionBar merupakan salah satu design pattern yang ada pada android, coba kita kutip dari Google Developer bahwa kita lebih disarankan menggunakan Action Bar pada aplikasi kita.

Berikut Contoh aplikasi Action Bar dengan Icon :

cara menambah app icon di action bar
Example app icon di action bar

Tampilan aplikasi Google Play Store yang juga menggunakan Action Bar :

cara menambah app icon di action bar
Action Bar Google Play Store

Saya anggap dengan pembahasan sekilas mengenai apa itu Action Bar, kita sudah paham apa yang akan kita praktekkan dalam materi ini. Kita langsung saja akan mepraktekkan proses pembuatan project dengan Action Bar.

Pembuatan Project cara menambah app icon di action bar

Langsung saja kita masuki inti dari materi cara menambah app icon di action bar Android Studio. Kita akan praktekkan pembuatan Action Bar pada project kita sebelumya, yaitu Project Aplikasi CRUD koneksi Mysql. Silahkan download project nya, kalau belum bisa nonton video tutorialnya biar lebih mudah. OK, langsung saja kita akan praktekkan cara menambah app icon di action bar pada project.

Buka Project App_mahasiswa, kemudian pada Folder : Drawable, klik kanan => Show In Explorer, maksudnya kita akan lihat struktur folder aplikasinya.

cara menambah app icon di action bar
Struktur Project

Maka akan terbuka Struktur Folder dalam Windows Explorer, kemudian buatkan 4 buah folder berikut, lihat gambar saja:

cara menambah app icon di action bar
Create Folder Drawable

Pemahaman tentang folder yang baru saja kita buat, disini kita akan menyimpan Icon yang akan kita jadikan Action Bar nantinya, pastinya kita perlu persiapkan icon nya. Sebelumnya kita pahami kegunaan dari folder tersebut :

  • drawable‐hdpi, untuk gambar dengan ukuran 72 X 72 Pixel.
  • drawable‐mdpi, untuk gambar dengan ukuran 48 X 48 Pixel.
  • drawable‐xhdpi, untuk gambar dengan ukuran 96 X 96 Pixel.
  • drawable‐xxhdpi, untuk gambar dengan ukuran 144 X 144 Pixel.

Untuk Icon gambar nya kita bisa download di link berikut : Download Icon

Kini kita copykan dulu icon gambar nya ke dalam folder, saya akan coba tambahkan satu icon kedalam folder “drawable”, caranya Klik Kanan folder Drawable, kemudian pastekan

cara menambah app icon di action bar
Cpy Paste Icon Gambar

Kini, buka class Main.java, kemudian coba edit Source Code nya menjadi sebagai berikut:

  • Ubah extends dari AppCompatActivity menjadi ActionBarActivity, lihat gambar :
cara menambah app icon di action bar
Ubah ActionBar Activity
  • Kemudian dalam method OnCreate(), tambahkan kode berikut:
getSupportActionBar().setDisplayShowHomeEnabled(true);
        getSupportActionBar().setLogo(R.drawable.icon);
        getSupportActionBar().setDisplayUseLogoEnabled(true);

Lihat gambar dimana kita tambahkan Source codenya:

cara menambah app icon di action bar
Baris Code ActionBar

Kini kita jalankan Projectnya, maka akan tampil Icon Action Bar nya sebagai berikut :

cara menambah app icon di action bar
Run Project

Kesimpulan Cara Menambah App Icon di Action Bar Android Studio

  • Action bar bisa mempercantik tampilan aplikasi android
  • Kita perlu persiapkan dahulu icon image untuk jadikan ActionBar

Semoga Bermanfaat…

Facebook Comments

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

More Posts - Website

Follow Me:
TwitterFacebookYouTube

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com