PhoneGap Build - 为Android设备设置启动画面

时间:2013-02-08 08:26:29

标签: android cordova splash-screen phonegap-build

我目前正试图在phonegap版本中为Android设备设置启动画面。我设置了4个不同的屏幕,但不知何故屏幕变形并失去了宽高比。有没有办法防止这种情况?

祝你好运

6 个答案:

答案 0 :(得分:3)

Do'h,错过了关于Android的问题,这是我的config.xml中的Android部分:

<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" />-->

是的,Apple更容易!在Android上,他们使用称为“密度”的限定符。

据我所知,PhoneGap Build现在只支持四个中的三个。 ldpi,mdpi,hdpi和NOT xdpi(这就是上面注释掉的原因)。

所有Android设备都将使用这四种尺寸中的一种,是我的理解。在数百种不同的设备上获得完美的宽高比可能有点挑战性,但是至少要靠近这一点。

阅读本文,我知道它很多,但值得一读: http://developer.android.com/guide/practices/screens_support.html#support

并且,PGB指南:http://build.phonegap.com/docs/config-xml

答案 1 :(得分:1)

我们可以用三种方式设置

  1. 通过config.xml
  2. 通过活动类设置属性
  3. 通过脚本
  4. 使用phonegap-build-set-splash-screen的示例来引用更多示例源代码示例源代码

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

答案 2 :(得分:0)

请参阅phonegap @ Splash Screen in Phonegap

的启动画面详细信息

答案 3 :(得分:0)

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


}
}

这将有助于您使用phonegap显示启动画面

答案 4 :(得分:0)

这就是我的PGB config.xml(你的文件夹结构和文件名会有所不同),这支持我认为的大多数IOS设备。你有多少张发布图片?

<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的指导: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

Phonegap Build的指南:http://build.phonegap.com/docs/config-xml

答案 5 :(得分:0)

这可能会满足您的需求。它允许您在一个漂亮的直观界面中自定义和添加所有相关的config.xml设置,图像和启动画面。

我建议下载文件并手动安装。基于网络的空中安装程序似乎无法正常工作。

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