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

Question

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

有什么方法可以在 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);

快乐编码。