PhoneGap Build - 为 Android 设备设置闪屏

Question

I'm currently trying to set an splash-screen for Android devices in PhoneGap build. I set 4 different screens, but somehow the screens get deformed and lost their aspect ratio. Is there a way to prevent that?

Answer 1

Do'h, missing that the question was about Android, here is the Android section from my config.xml:

<gap:splash src="img/splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="img/splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="img/splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<!--<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />-->

Yes, Apple is much easier! On Android they go by qualifier called "densities".

To my knowledge PhoneGap Build only supports three of the four right now. ldpi, mdpi, hdpi and NOT xdpi (that is why it is commented out above).

All Android devices will use one of these four sizes, is my understanding. Obtaining perfect aspect ratio across hundreds of different devices may be a little challenging, but with this you at least get close .

Read this, I know it is a lot, but worth the reading: http://developer.android.com/guide/practices/screens_support.html#support

And, the PGB Guidelines: http://build.phonegap.com/docs/config-xml

Answer 2

we can set this in three ways

1. through config.xml
2. through the activity class setting the property
3. through script

to refer more sample source code sample source code with example for phonegap-build-set-splash-screen

http://getmebyclickme.blogspot.in/2013/10/phonegap-build-set-splash-screen-for.html

Answer 3

请参阅Phonegap中phonegap @ Splash Screen的Splash屏幕详细信息

Answer 4

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);


}
}

this will help u to show splash screen using phonegap

Answer 5

This is how I have them my PGB config.xml (your folder structure and file names will vary), this supports most IOS devices I believe. How many launch images do you have?

<gap:splash src="img/splash/ios/Default.png" width="320" height="480" />
<gap:splash src="img/splash/ios/Default_at_2x.png" width="640" height="960" />
<gap:splash src="img/splash/ios/Default_iphone5.png" width="640" height="1136" />
<gap:splash src="img/splash/ios/Default-Landscape.png" width="1024" height="768" />
<gap:splash src="img/splash/ios/Default-Portrait.png" width="768" height="1024" />
<gap:splash src="img/splash/ios/Hi-Rez-Portrait.png" width="1536" height="2008" />
<gap:splash src="img/splash/ios/Hi-Rez-Landscape.png" width="2048" height="1496" />

Apple's guidlines: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

Phonegap Build's guidelines: http://build.phonegap.com/docs/config-xml

Answer 6

This will probably meet your needs. It lets you customise and add all the relevant config.xml setting, images and splashscreens in a nice intuitive interface.

I recommend downloading the file and installing manually. The web based air installer doesnt seem to work.

http://aj-software.com/configap/index.html