Panduan

Menambahkan Icon Aplikasi Pada Action Bar Menggunakan Android Studio

* Artikel ini adalah rangkaian dari tutorial Android Studio, untuk melihat tutorial Android Studio lainnya bisa mengklik tautan ini

Pada tulisan kali ini saya akan sedikit menjelaskan bagaimana caranya menambahkan icon pada Action Bar ketika kita membuat aplikasi Android. Action Bar terletak di atas aplikasi yang berfungsi untuk menampilkan nama aplikasi, icon, atau tindakan-tindakan lain yang ada pada aplikasi.

Hasil dari aplikasi yang akan kita coba buat seperti di bawah ini.

Silahkan buat proyek baru pada Android Studio dengan nama ActionBarTest atau berikan nama sesuai keinginan. Buka Android Studio, klik File – New Project isi Application Name dengan nama ActionBarTest dan Company Domain dengan teknojurnal.com. Pada jendela Activity silahkan pilih Empty Activity.

Sebelum melanjutkan ke tahap penembahan kodingan, silahkan siapkan terlebih dahulu gambar yang akan dijadikan icon pada Action Bar aplikasi yang akan dibuat. Ada beberapa aturan dalam menambahkan icon seperti ukuran gambar yang beberda dan lokasi penyimpanan gambar pada folder drawable.

Pada direktori /res/drawable lakukan klik kanan dan pilih Show Explorer. Setelah itu silahkan tambahkan empat folder baru dengan nama drawable‐hdpi, drawable‐mdpi, drawable‐xhdpi, drawable‐xxhdpi. Masing-masing folder disiapkan untuk ukuran gambar yang berbeda.

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

Setelah gambar siap, silahkan salin gambar pada masing-masing folder sesuai dengan ukuran yang sudah ditentukan. Perlu diingat, empat gambar yang sudah dibuat dengan berbeda ukuran harus memiliki nama yang sama. Pada contoh ini saya beri nama ic_launcher. Silahkan ubah sesuai keinginan.

Setelah mengikuti tahapan ini silahkan buka file MainActivity.java dan tambahkan kodingan seperti di bawah ini.

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().setDisplayShowHomeEnabled(true);
        getSupportActionBar().setLogo(R.drawable.ic_launcher);
        getSupportActionBar().setDisplayUseLogoEnabled(true);
        setContentView(R.layout.activity_main);
    }
}

Untuk melihat hasil dari aplikasi yang dibuat, silahkan jalankan menggunakan emulator Android atau menggunakan ponsel pintar Android. Bagi yang ingin menambahkan atau memberikan usulan dalam pembuatan tulisan mengenai panduan atau tutorial silahkan tinggalkan pesan di kolom komentar :D.

Untuk mengunduh kode sumber aplikasi ActionBar dapat mengklik tautan ini.

* Artikel ini adalah rangkaian dari tutorial Android Studio, untuk melihat tutorial Android Studio lainnya bisa mengklik tautan ini

Share
Published by
Riswan Abidin

Recent Posts

Cisco Peringkatkan Kerentanan Kritis Dalam Cisco Data Center Network Manager

Cisco mengungkapkan tiga kerentanan dalam layanannya. Ini dia penanganannya!

January 7, 2020

Optimal idM Meluncurkan OptimalCloud Partner Platform

Ini ulasan mengenai keuntungan OptimalCloud Partner Platform, platform baru milik Optimal idM!

January 6, 2020

Google Siapkan Coral Accelerator Module dan Coral Dev Board Mini untuk Tahun 2020

Google kenalkan dua koleksi baru dari Coral. Dua koleksi baru ini bakal menambah kemampuan pengembangan…

January 3, 2020

Google Kembangkan Model Kecerdasan Buatan Untuk Deteksi Kanker Payudara

Raksasa Google baru saja mengembangkan sistem pemindaian kanker payudara berbasis kecerdasan buatan. Bagaimana hasilnya, berikut…

January 3, 2020

Google Dorong Fitur Bubbles Notifications Ke Versi Stabil

Meski dikenalkan bersamaan dengan Android 10 Beta, sampai kini Bubbles Notifications masih dalam tahap pengembangan.…

December 31, 2019

Samsung Siapkan Lima Proyek dan Empat Startup C-Lab Untuk CES 2020

Samsung akan kembali memamerkan hasil program C-Lab ke ajang CES 2020. Ini dia proyek dan…

December 30, 2019