Mengganti Icon Aplikasi Cordova

Artikel ini memberikan tips singkat untuk mengganti icon standar dari sebuah aplikasi Cordova dengan icon yang berbeda. Sebagai gambaran, icon standar dari Cordova adalah seperti di bawah ini.

cordova-icon01

Sekarang kita akan menggunakan gambar yang berbeda untuk icon tersebut.

 

Catatan:

Pada artikel ini platform yang digunakan hanya Android, sehingga semua penjelasan yang diuraikan mengacu pada platform tersebut.

 

  1. Siapkan sebuah gambar dengan format PNG dan berukuran 96 x 96
  2. Pada folder projek aplikasi Cordova, silakan masuk ke sub-folder ..\platforms\android\res. Di situ akan dijumpai beberapa folder drawable dan drawable-xxx seperti pada gambar berikut ini.
  3. Hapus semua folder drawable-xxx dan tinggalkan sebuah folder bernama drawable. Dengan dihapusnya folder-folder drawable-xxx maka perangkat mobile selalu akan mencari gambar icon di dalam folder drawable.

cordova-dgn-bootstrap01

 

  1. Di dalam folder drawable terdapat file bernama png. File inilah yang dapat diganti dengan gambar lain supaya icon aplikasi berubah sesuai dengan gambar yang diinginkan. Silakan mengambil gambar icon yang baru dan salin ke dalam folder ini dengan nama file yang sama (hapus file icon.png yang asli). Pastikan resolusinya sama dengan gambar yang asli.

Silakan mem-build aplikasi Cordova dan sekarang icon aplikasi telah berubah.

Jika Anda cukup rajin maka langkah yang “benar” adalah membuat file-file icon.png dengan resolusi yang sesuai untuk masing-masing folder drawable-xxx yang dihapus tadi (drawable-hdpi, drawable-ldpi, drawable-mdpi, drawable-mdpi dan seterusnya). Jadi folder-folder drawable-xxx tetap ada di tempatnya (tidak dihapus) namun setiap file icon.png di dalamnya harus dibuat ulang dengan resolusinya yang sesuai. Bukankah ini pekerjaan yang cukup melelahkan?

 

end-of-doc

Leave a Reply

Your email address will not be published. Required fields are marked *