Post Detail

Android

Ganti Icon Aplikasi Pada Project Android Studio

by Admin
09 November 2018
2117 views

Default_icon_launcher_anstud

Gambar 1.0 : Default Icon Android

Perhatikan default icon yang telah saya tandai menggunakan garis tebal, icon tersebut saya ambil screenshot pada Handphone. Icon ini adalah icon secara default kita membuat aplikasi dan kita tidak mengganti icon tersebut sehingga kita bingung menbedakan nya karena icon nya hampir sama semua, maka dari itu kita harus mempunyai pembeda bisa kita lihat contoh - contoh dari pemegang aplikasi besar Bukalapak ataupun aplikasi yang ada di HP kamu, perhatikan icon nya tidak sama karena mereka ganti defaultnya biar gampang membedakan aplikasinya. Nah dalam kesempatan kali ini saya akan membahas hal tersebut supaya bisa mengganti icon imagenya.

Edit_icon_app_andsut_1

Gambar 2.0 : Image Asset

Langkah Pertama, klick kanan pada folder app :

New => Image Asset

Edit_icon_app_anstud_2

Gambar 3.0 : Browse image asset folder

Setelah kita klick Image Asset maka akan muncul Window baru lalu kita klick Path browse gambar yang telah kita sediakan, sesuai dengan petunjuk gambar.

Edit_icon_app_anstud_3

Gambar 4.0 : Tata Letak Gambar

Cari Tataletak Gambar yang akan kita jadikan Icon, nah supaya pas ukuran nya kalian bisa download template PSD yang sudah saya siapkan. Untuk ukurannya jadi tidak usah ngukur lagi, tinggal sesuaikan saja seperti apa yang akan dibuat logonya. Setelah ketemu folder image yang akan kita jadikan icon, klick ok maka selanjutnya akan tampil lagi window seperti berikut :

Edit_icon_app_anstud_4

Gambar 5.0 : Resize Icon

Silahkan resize icon supaya sesuai dan masuk keukuran icon nya, disana ada beberapa tampilan icon, ada yang menggambarkan circle, squircle, Rounded Square dan Square itu sebenarnya untuk tampilan ketika Handphone android kita menggunakan Thema Squircle maka icon tampilan akan seperti squircle, dan seterusnya.

Edit_icon_app_anstud_5

Gambar 6.0 : Replace Icon ke yang baru

Finish, nah gambar tersebut harus dipanggil di Manifest contoh saya panggil di manifest android nya seperti berikut ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.warkirasep.mobileparking">
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />



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

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

</manifest>

Masuk kedalam android manifest.xml lalu perhatikan gambar diatas, disana terdapat code
android:icon=”mipmap/ic_launcher“, dan ganti tulisan berwarna merah dengan nama gambar yang sudah kita tambahkan sebelumnya. Pada kasus gua ini gua menggunakan nama icon_launcher jadi kita ganti baris kode diatas menjadi android:icon=”mipmap/icon_launcher“.
Untuk dapat melihat hasilnya silahkan dirun aplikasinya diandroid studio lalu lihat icon nya apakah berubah atau tidak.