Menampilkan Icon Aplikasi Pada Action Bar

Action bar merupakan salah satu elemen standar aplikasi android yang dapat menampilkan icon aplikasi, nama aplikasi atau nama activity, navigasi aplikasi, dan item interaktif lainnya. Action bar ini diperkenalkan sejak kehadiran Android versi 3.0 (API level 11) yang penempatannya berada pada bagian paling atas sebuah aplikasi dengan aktifitas yang menggunakan tema holo atau turunannya.

Namun dengan munculnya Android Lollipop (API level 21), action bar telah digantikan oleh toolbar dalam tata letak aplikasi. Pembuatan aplikasi yang menggunakan toolbar mengharuskan kita untuk mengimpor sebuah library yang bernama AppCompat yang diikuti dengan beberapa perubahan lainnya serta penggunaan tema material sehingga memiliki tampilan yang lebih menarik.

Untuk pembahasan mengenai toolbar ini nanti akan kita bahas pada artikel lain, yang penting kita mengenal dulu perbedaan dari keduanya. Untuk saat ini kita akan membahas action bar yang lebih simpel dalam membuat aplikasinya dibandingkan dengan toolbar. Berikut ini adalah contoh action bar pada aplikasi hello world yang telah kita bahas cara pembuatannya pada pertemuan terdahulu.

Baca:
Membuat Aplikasi Android Perdana Hello World Dengan AIDE

Menampilkan Icon Aplikasi Pada Action Bar

Perlu diketahui untuk Android modern saat ini, penggunaan icon pada action bar sudah tidak disarankan lagi, namun bukan berarti tidak bisa. Bagi yang ingin menampilkan icon aplikasi pada action bar hanya memerlukan sedikit tambahan kode untuk mewujudkannya, dan pada artikel inilah kita akan membahas hal tersebut.

Setiap aplikasi yang dibuat, secara otomatis akan mempunyai action bar kecuali action bar tersebut kita hilangkan. Action bar ini secara default akan menampilkan nama aplikasi atau nama activity yang sedang terbuka atau aktif saat itu, seperti gambar aplikasi hello world diatas.

Mengubah Label Pada ActionBar

Judul atau label yang ditampilkan pada action bar dapat diatur pada file manifest.xml. Pada aplikasi hello world yang telah dibuat sebelumnya mempunyai file manifest sebagai berikut.


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.mycompany.helloworld" >

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Ubah android:label untuk mengubah judul pada action bar seperti contoh berikut ini.


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.mycompany.helloworld" >

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="Icon ActionBar" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Dan inilah hasil dari perubahan yang telah dilakukan setelah aplikasi dijalankan.

Menampilkan Icon Pada ActionBar

Untuk menampilkan icon aplikasi pada action bar, cukup menambahkan kode berikut pada file MainActivity.java.


ActionBar actionbar = getActionBar();
actionbar.setDisplayShowHomeEnabled(true);
actionbar.setIcon(R.drawable.ic_launcher);

Sehingga file MainActivity.java yang sebelumnya seperti ini :


package com.mycompany.helloworld;

import android.app.*;
import android.os.*;

public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

Akan menjadi seperti ini :


package com.mycompany.helloworld;

import android.app.*;
import android.os.*;

public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
  
 ActionBar actionbar = getActionBar();
 actionbar.setDisplayShowHomeEnabled(true);
 actionbar.setIcon(R.drawable.ic_launcher);
    }
}

Berikut ini adalah hasilnya ketika aplikasi dijalankan.

Sebagai catatan penutup, ikon aplikasi terdapat pada folder drawable. Icon yang digunakan sebaiknya terdiri atas beberapa ukuran yang dimasukkan kedalam beberapa folder drawable dan berekstensi png. Cara pembuatannya nanti akan kita bahas pada pertemuan lain. Tujuan penggunaan beberapa ukuran icon ini agar aplikasi dapat menyesuaikan icon yang ditampilkan sesuai dengan resolusi layar hp pengguna aplikasi.

Semoga bermanfaat dan selamat mencoba.

Update: