Showing Splash Screen At The Start Of Android PhoneGap Application

If you want to disaplay a splash screen at the beginning of Phonegap based Android application you need to put splash screen image(splash.png) inside res\drawable-hdpi,  res\drawable-mdpi,  res\drawable-idpi which can be located inside your project directory.

The splash screen image size should be different for different size of Android devices.

For large screens size (hpdi) image size should be at least 640dp x 480dp For normal screens size (mdpi) image size should be at least 470dp x 320dp For small screens size (idpi) image size should be at least 426dp x 320dp

After putting the images in respective directory you need to add the the following code in your main Activity.java file before super.loadUrl method.

super.setIntegerProperty("splashscreen", R.drawable.splash);

Then modify the super.loadUrl method to display the splash screen for 10 seconds before starting of the Phonegap application like this

super.loadUrl("file:///android_asset/www/index.html", 10000);

So after modification your main Activity.java will look like this

package com.mindfire.HelloWorld;

import android.os.Bundle;
import org.apache.cordova.*;

public class RemindMeActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setIntegerProperty("splashscreen", R.drawable.splash);
        super.loadUrl("file:///android_asset/www/index.html", 10000);
        

    }
}