用 Cordova 开发 HTML5 应用程序时,APP 加载时画面是白色的或者黑色的,现在的 APP 基本都有启动画面,添加启动画面只需 2 步即可。

本例工程路径 D:\Soft\PhoneGap\lib\android\example

1. 准备一张合适分辨率的 png 图片(本例:splash.png,分辨率为 540*960),将其放入工程路径下的 res\drawable 目录下。


2. 打开工程路径下的 src\org\apache\cordova\example\cordovaExample.java 文件

super.onCreate(savedInstanceState);

后添加

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

其中 R.drawable.splash 的 splash 即为刚才放入工程目录的图片名称,这里忽略后缀名。

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

改为

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

其中 5000 为延时,即多少毫秒后启动画面消失,可根据自己需要设置。

下面贴出完整代码:

cordovaExample.java 文件修改前

package org.apache.cordova.example;

import org.apache.cordova.DroidGap;

import android.os.Bundle;

public class cordovaExample extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

cordovaExample.java 文件修改后

package org.apache.cordova.example;

import org.apache.cordova.DroidGap;

import android.os.Bundle;

public class cordovaExample extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {super.onCreate(savedInstanceState);
        super.setIntegerProperty("splashscreen", R.drawable.splash);
        super.loadUrl("file:///android_asset/www/index.html", 5000);
    }
}

本文地址 https://shaoshilei.com/2014-01/html5-mobile-development-startup-screen-to-add-app.html