如何制作动画启动画面作为我的“Web视图预加载器”或Web视图作为背景运行,同时显示动画闪屏

时间:2013-05-28 18:12:57

标签: android webview splash-screen preloader

几天前我找到了very awesome tutorial:advance animated splash screen, 我是Android开发人员的新手,本教程非常有助于制作令人敬畏的启动画面..

但我需要更多帮助来修改代码,我需要在启动画面后加载我的webview活动,如果可能的话我想将启动画面作为我的webview预加载器或者至少将webview活动作为背景活动,所以当flashscreen apear然后我的webview不再需要很多时间加载..

序列我期待这样的事情:
1.用户点击/点击应用程序图标
2.要显示animation_splashscreen(但不仅要等待5000,还要加载我的webview)
3.(不再加载......然后......)我的webview出现

我已经尝试了它的工作正常,但有一次我加载两次,在启动画面消失后,我的网页视图显示加载/进度条..

我的问题是,我可以将启动画面应用为我的webview预加载器吗?所以在webview完全加载到设备上之后,启动画面就会消失,然后直接打开webview(我的webview上不再加载)

任何身体都可以一步一步向我展示,因为我在Android开发中非常非常新手..我试着学习Splash screen while loading a url in a webview in android app但我无法理解当我想制作动画闪屏 :(

这是我的代码:

SplashScreen.java上的

package com.yourname.main;

import android.app.Activity;
import android.content.Intent;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MotionEvent;
import android.widget.ImageView;

public class SplashScreen extends Activity {

    /**
     * The thread to process splash screen events
     */
    private Thread mSplashThread;   

    /** Called when the activity is first created. */
    @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(5000);
                    }
                } 
                catch(InterruptedException ex){                 
                }

                finish();

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

        mSplashThread.start();

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu){
        super.onCreateOptionsMenu(menu);
        return false;
    } 

    /**
     * Processes splash screen touch events
     */
    @Override
    public boolean onTouchEvent(MotionEvent evt)
    {
        if(evt.getAction() == MotionEvent.ACTION_DOWN)
        {
            synchronized(mSplashThread){
                mSplashThread.notifyAll();
            }
        }
        return true;
    }


}

和,在WebViewActivity.java上

package com.yourname.main;

import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebViewActivity extends Activity {

    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview);

        final ProgressDialog pd = ProgressDialog.show(this, "", "Loading...",true);

        webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setSupportZoom(true);  
                webView.getSettings().setBuiltInZoomControls(true);
                webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                if(pd.isShowing()&&pd!=null)
                {
                    pd.dismiss();
                }
            }
        });

        webView.loadUrl("http://google.com");
        setTitle("Google Search");
    }

}

1 个答案:

答案 0 :(得分:1)

根据您的问题,您不需要启动画面。

您可以执行以下操作:

  1. 忘掉SplashScreen活动
  2. 直接打开WebViewActivity
  3. 将启动ImageView添加到webview.xml
  4. 设置启动ImageView图像
  5. 将webView可见性设置为INVISIBLE
  6. 将webView可见性设置为VISIBLE并在onPageFinished期间将ImageView设置为GONE
  7. 基本上,您将在webview上显示图像,一旦页面加载,您将删除该图像并显示webview。