2

我想在加载资源时将动画图像（当前使用一组 PNG）显示为启动画面。

我已经能够使用这个来显示启动画面。但问题是：启动画面显示指定时间然后黑屏 2-3 秒然后index.html被加载。

理想情况下，我想要的是在加载资源时显示启动画面。加载资源后，拉动闪屏并立即加载index.html文件。

下面是我的代码：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Splash screen view
    setContentView(R.layout.splash);

    // Start animating the image
    final ImageView splashImageView = (ImageView) findViewById(R.id.SplashImageView);
    splashImageView.setBackgroundResource(R.drawable.flag);
    final AnimationDrawable frameAnimation = (AnimationDrawable)splashImageView.getBackground();
    splashImageView.post(new Runnable(){
        @Override
        public void run() {
            frameAnimation.start();             
        }           
    });


    final SplashScreen sPlashScreen = this;   

    // The thread to wait for splash screen events
    mSplashThread =  new Thread(){
        @Override
        public void run(){
            try {
                synchronized(this){
                    // Wait given period of time or exit on touch
                    wait(10000);
                }
            } 
            catch(InterruptedException ex){                 
            }

            finish();

            // Run next activity
            Intent intent = new Intent();
            intent.setClass(sPlashScreen, SomeActivity.class);
            startActivity(intent);
            //stop();               
        }
    };      
    mSplashThread.start();      
} 

public class SomeActivity extends DroidGap {                
    @Override
    public void onCreate(Bundle savedInstanceState) {    
     //some code to copy database files.
    }
}

请注意我的开发环境。android-sdk：API 级别 17，Phonegap：2.1.0。

4

1 回答 1

7

这可以通过 Phonegap/Cordova 1.7 版本解决。当您使用 2.1 时，该解决方案也可供您使用。

在您的 Phonegap 主活动类中，初始化启动画面和 loadURL 方法：

super.setIntegerProperty("splashscreen", R.drawable.splash);
super.loadUrl("file:///android_asset/www/index.html", 10000);

10000 是以毫秒为单位的时间，因此在接下来的 10 秒内可以看到启动画面。您甚至可以使用 30-60。稍后我会解释原因。

为了在 PhoneGap Android 应用程序中有一个启动屏幕，您需要将您的 splash.png 文件放入：

res/drawable-ldpi (small: at least 426 x 320)
res/drawable-mdpi (medium: at least 470 x 320)
res/drawable-hdpi (large: at least 640 x 480) 
res/drawable-xdpi (xlarge: at least 960 x 720)

现在主要的是：在您的 Javascript 中添加这样的deviceready事件：

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    // Version 1.7 use this method
    cordova.exec(null, null, "SplashScreen", "hide", []);
    // Version 1.8+ use this mehod
    navigator.splashscreen.hide();

因此，即使启动画面仍然可见，navigator.splashscreen.hide();也会将其隐藏并显示加载的 html。

希望这对您有所帮助。

于 2012-12-21T20:31:12.020 回答