HTML5移动开发添加APP启动画面
程序员文章站
2022-04-02 15:41:38
...
用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即为刚才放入工程目录的图片名称,这里忽略后缀名。
将
|
改为
|
其中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);
}
} |
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);
}
} |
到此为止即可为APP添加启动画面