在后台加载 Webview 时显示启动画面

Posted 2023-05-07

【中文标题】在后台加载 Webview 时显示启动画面

【英文标题】：show splash screen while Webview is loading in background

【发布时间】：2018-07-16 18:23:13

【问题描述】：

我正在使用下面的代码来使用 Webview 填充我的主要活动，但是由于加载页面需要一定的时间并且它显示为白色空白。所以我想在页面加载完成之前为我的 Webview 显示启动画面。我没有使用 Layout 活动中的任何 webview。

package com.faraksoch.sagar.facebook;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends Activity 

private WebView mWebview = null;

@Override
protected void onCreate(Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);


    requestWindowFeature(Window.FEATURE_NO_TITLE);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);

    mWebview = new WebView(this);

    mWebview.getSettings().setjavascriptEnabled(true); // enable javascript

    final Activity activity = this;

    mWebview.setWebViewClient(new WebViewClient() 
        public void onPageFinished(WebView view, int errorCode, String description, String failingUrl) 
            Toast.makeText(activity, description, Toast.LENGTH_SHORT).show();
        
    );


    mWebview.loadUrl("http://www.google.com//");
    setContentView(mWebview);

我知道这段代码应该可以工作，但是当我将它们组合在一起时......它不会工作

  WebView wv = (WebView) findViewById(R.id.webView1);
    wv.getSettings().setJavaScriptEnabled(true);
    wv.setWebViewClient(new WebViewClient() 

        ...

        @Override
        public void onPageFinished(WebView view, String url) 
            //hide loading image
            findViewById(R.id.imageLoading1).setVisibility(View.GONE);
            //show webview
            findViewById(R.id.webView1).setVisibility(View.VISIBLE);
        


    );     
    wv.loadUrl("http://yoururlhere.com");

任何帮助将不胜感激。提前致谢。

【问题讨论】：

尝试登录onPageFinished，看看它是否被调用。

@Michal_196 你能告诉我如何.....!!到目前为止我学到的所有东西都是来自示例和教程。所以我真的没有那么多..做什么

结合是什么意思？你不想通过xml布局文件加载webview

@jiteshmohite 是 jites..当我从 xml 布局加载 webview 时，屏幕显示为空白和白色......但仅适用于我的网站，但它适用于 youtube 或 google......这是对我没用。我想加载我自己的博客，当我使用布局 xml 时它显示为空白。所以我在互联网上搜索并找到了适合我的上述解决方案......但现在我不知道如何在 webview 加载页面之前显示图像，如果我使用布局，我可以做到这一点。

【参考方案1】：

在加载之前确保 webview 的可见性没有消失。

请参考以下代码。

public class WebViewActivity extends AppCompatActivity 

    private WebView mWebView;
    private ImageView mSplashView;

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);

        mWebView = (WebView) findViewById(R.id.webview);
        mSplashView = (ImageView) findViewById(R.id.splash_view);
        mWebView.getSettings().setJavaScriptEnabled(true); // enable javascript

        mWebView.setWebViewClient(new WebViewClient() 

            @Override
            public void onPageFinished(WebView view, String url) 
                super.onPageFinished(view, url);
                mSplashView.setVisibility(View.GONE);
                mWebView.setVisibility(View.VISIBLE);
                Toast.makeText(getBaseContext(), "Page Loaded.", Toast.LENGTH_SHORT).show();
            
        );

        mWebView.loadUrl("http://yoururlhere.com");
        mWebView.setVisibility(View.GONE);
        mSplashView.setVisibility(View.VISIBLE);
    

布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_>


    <WebView
        android:id="@+id/webview"
        android:layout_
        android:layout_
        android:visibility="visible"
        />

    <ImageView
        android:id="@+id/splash_view"
        android:layout_
        android:layout_
        android:src="@mipmap/ic_launcher"
        android:visibility="gone"
        />


</android.support.constraint.ConstraintLayout>

【讨论】：

@Caterpillar 欢迎您。如果您需要任何帮助，可以给我发邮件 [e-mail]