HTML5移動開發添加APP啟動畫面

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

 到此為止即可為APP添加啟動畫面