Menampilkan Native Splash Screen Aplikasi Android Pada Phonegap

Android Splash Screen

Splash screen sebagai intro dari sebuah aplikasi berperan penting untuk menambah kredibilitas aplikasi. Dengan memasang splash screen yang berisi informasi singkat pada aplikasi Android, kita akan memaparkan sebuah informasi secara cepat dan tepat tentang gambaran aplikasi. Gambar splash screen sebisa mungkin disajikan secara menarik dan ringan agar pengguna tertarik kepada aplikasi.

Dalam artikel tutorial ini, penulis akan memaparkan praktik secara native membuat splash screen pada aplikasi Android yang kita buat menggunakan Phonegap. Pembuatan splash screen secara native adalah kombinasi antara penggunaan native Android programming (Java) dengan Phonegap.

Sebelum beranjak ke tutorial, disini kita diharapkan mengetahui pedoman standar pembuatan splash screen yang baik dan tepat untuk berbagai resolusi smartphone Android. Berikut adalah daftar screen resolution untuk semua device yang mendukung:

• Ukuran untuk ldpi (low dots per inch) = 240 x 320 pixel
• Ukuran untuk mdpi (medium dots per inch) = 320 x 480 pixel
• Ukuran untuk hdpi (high dots per inch) = 480 x 800 pixel
• Ukuran untuk xhdpi (extra high dots per inch) = 720 x 960 pixel

Beberapa device Android misalnya Samsung Galaxy Young atau Galaxy Chat mendukung ukuran ldpi. Dan untuk ukuran screen semisal Sony Xperia Miro adalah hdpi. Berikut adalah tutorial pembuatan splash screen :

Tutorial

Buat gambar splash screen dengan berbagai ukuran di atas dan buat folder untuk masing-masing ukuran, rename gambar dengan nama “splash”, pastikan file berformat .png. Untuk mempersingkat tutorial penulis sudah menyertakan source gambar semua resolusi.

Download Gambar

Masuk ke project Phonegap di Eclipse. Copy satu persatu file splash.png ldpi, mdpi, hdpi dan xhdpi ke masing folder di dalam /res/drawable-[jenis resolusi]. Lihat gambar di bawah ini :

Lokasi Folder res eclipse

Masuk ke folder src dan buka file MyPhoneGapActivity.java Anda, lalu pada public void OnCreate() tambahkan kode super.setIntegerProperty() yang bertugas untuk mengeset value name splash screen dan menambahkan string value sebesar 3000 (3 seconds) pada fungsi super.loadurl() :

	public class MyPhoneGapActivity extends DroidGap {
	@Override
	public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	super.setIntegerProperty(“splashscreen”, R.drawable.splash); // menambah setInteger
	super.loadUrl(“file:///android_asset/www/index.html”, 3000); // angka 3000 delay loading 3 detik
	}
	}

view raw

MyPhoneGapActivity.java

hosted with by GitHub

Simpan, dan run pada emulator atau device. Anda akan mendapatkan splash screen tampil di aplikasi Android Anda. Selamat berkreasi !