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添加启动画面