如何使 WebView 加载更快并添加进度条

Question

我正在制作一个简单的应用程序，其中我放置了一个Webview，但页面加载非常缓慢（尝试了许多网站），我还想添加一个进度条，以便它可以显示页面正在加载。 这是我用于Webview的代码，但我不知道如何在其上获取进度条：

public class MainActivity extends Activity {

WebView wv;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    wv = (WebView) findViewById(R.id.webView1);
    wv.setWebViewClient(new webCont());

    wv.loadUrl(" http://www.abc.com" ); 
}
 class webCont extends WebViewClient
{

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // TODO Auto-generated method stub
        view.loadUrl(url);

        return true;
    }
}

- Karma5

Answer 1

添加一个进度条并将其显示出来。您可以根据需要自定义下面的内容。加载速度取决于连接速度，为了更快地加载。

覆盖 onPageFinished 并在 webcount 中将可见性设置为 gone。

public class MainActivity extends Activity {
    /** Called when the activity is first created. */

    WebView web;
    ProgressBar progressBar;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        web = (WebView) findViewById(R.id.wv);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);
        web.setWebViewClient(new myWebClient());
        web.getSettings().setJavaScriptEnabled(true);
        web.loadUrl("http://slashdot.org/");
    }

    public class myWebClient extends WebViewClient
    {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // TODO Auto-generated method stub
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub

            view.loadUrl(url);
            return true;

        }
        @Override
        public void onReceivedError(WebView view, int errorCode,
                String description, String failingUrl) {
            // TODO Auto-generated method stub
             Toast.makeText(MainActivity.this, "Oh no! " + description, Toast.LENGTH_SHORT).show();
            //super.onReceivedError(view, errorCode, description, failingUrl);
        }
        @Override
        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);

            progressBar.setVisibility(View.GONE);
        }
    }

    // To handle "Back" key press event for WebView to go back to previous screen.
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) 
    {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && web.canGoBack()) {
            web.goBack();
            return true;
        }
        else
        {
            finish();
            return true;
        }
    }
}

xml

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <WebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/button1"
        android:id="@+id/wv"/>
    <ProgressBar
       android:id="@+id/progressBar"
       android:layout_width="wrap_content"
       android:layout_centerInParent="true"
       android:layout_height="wrap_content"
       />


</RelativeLayout>

快照

不滚动页面，您将看不到整个页面。

向右滚动后

- Raghunandan

---

好的，谢谢，那个起作用了。如果网站不响应，它会给出一个固定的显示屏，没有滚动条，如何添加滚动条？ - Karma5

@Karma5，就像我之前所说的，这取决于互联网连接的速度。它仍在加载中，需要时间来渲染。尝试使用不同的URL进行测试。 - Raghunandan

我在询问关于非响应式网站的问题，而不是关于网站速度的问题。它提供了一个固定的显示，我无法将页面向左或向右移动。 - Karma5

@Karma5 它将是可滚动的。对我来说它可以滚动。 - Raghunandan

@Karma5 它确实可以滚动。我不知道为什么你的不能滚动。 - Raghunandan

Answer 2

设置WebChromeClient()上的webview并尝试使用以下代码：

    ProgressDialog progressDialog = new ProgressDialog(this);  
    progressDialog.setMessage("Loading Data...");  

    webview.setWebChromeClient(new WebChromeClient() {
        public void onProgressChanged(WebView view, int progress) {

            if (progress < 100) {
                progressDialog.show();
            }
            if (progress == 100) {
                progressDialog.dismiss();
            }
        }
    });

- Chirag Ghori

Answer 3

public class MainActivity extends Activity {

WebView wv;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    wv = (WebView) findViewById(R.id.webView1);
    wv.loadUrl(" http://www.abc.com" ); 
                //Show Progress layout
                showProgressLayout();

        wv.setWebViewClient(new webCont());

}
 class webCont extends WebViewClient
{

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // TODO Auto-generated method stub
        view.loadUrl(url);

        return true;

   @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);

                //Hide Progress bar.

                hideProgressLayout();
            }

            @Override
            public void onReceivedError(WebView view, int errorCode,
                    String description, String failingUrl) {
                //If any error comes this method will handle for webview.

                hideProgressLayout();

                if (view.canGoBack()) {
                    view.goBack();
                }

                You can write your own Dialog or Toast message if you want to show error message
            }
}

- NikhilReddy

---

@Karma5 速度仍然取决于您的互联网连接速度，无论是WiFi还是移动数据。它还取决于您正在加载的网站。一个有大量图像的网站将加载比只有文本数据的网站更慢。 - Raghunandan