显示启动画面，直到PhoneGap加载主页

Question

我创建了一个phonegap应用程序。加载主页面需要4秒钟（即index.html）。

在phonegap加载index.html之前，有什么方法可以显示一些图像/启动画面吗？

Answer 1

将启动画面设置为超出预期的值，可能是10秒。

然后在页面准备就绪后立即使用以下代码关闭它：

function onDeviceReady() {
    navigator.splashscreen.hide();
}

document.addEventListener("deviceready", onDeviceReady, false);

Answer 2

这很简单。如果你把splash.png图像文件放入res / drawable-ldpi，res / drawable-mdpi，res / drawable-hdpi，res / drawable-xhdpi文件夹。然后在扩展DroidGap的主java类中添加以下行：

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

然后修改loadUrl方法暂停5秒钟：

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

快乐的编码。