WebView之加载网页时增加进度提示

上一节讲了一些webview的基本使用以及在记载网页时如何屏蔽掉第三方浏览器，使我们自己开发的程序成为一个微型浏览器。那么这一节将一下在webView加载网页的过程中如何加上进度提示。效果图如下：

主要代码：

当网页加载时我们希望看到进度条，当网页加载完成时取消进度条。实时的显示进度是在WebViewChromeClient类只能够设置的。这个类提供了一个onProgressChanged(WebView view, int newProgress) （newProgress的最大值是100最小值为0）方法用于更新进度条

代码如下：

//显示进度

        webView.setWebChromeClient(new WebChromeClient(){

            @Override

            public void onProgressChanged(WebView view, int newProgress) {

                Log.e("newProgress", newProgress+"");

                progressBar.setProgress(newProgress);

                if(newProgress >= 100){

                    progressBar.setVisibility(View.GONE);

                }

//                super.onProgressChanged(view, newProgress);

            }

        });

下面贴出完整的代码：

一、布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    >

     <ProgressBar

        android:id="@+id/index_progressBar"

        android:layout_width="fill_parent"

        android:layout_height="5dp"

        style="?android:attr/progressBarStyleHorizontal"

         android:progress="0"

         android:visibility="visible"

        android:secondaryProgress="0"

        />

    <WebView

        android:id="@+id/index_webView"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        />

</LinearLayout>

其中progressbar用于显示进度条，webview用于显示加载的网页

二、主类，上面我都加了详细的注释，如果那里不明白可以看看注释，这里就不再赘述了。直接上代码。

package cn.yw.sol;

import cn.yw.sol.R;

import cn.yw.sol.view.SOLWebView;

import android.app.Activity;

import android.graphics.Bitmap;

import android.os.Bundle;

import android.os.Handler;

import android.util.Log;

import android.view.KeyEvent;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.Button;

import android.widget.EditText;

import android.widget.ProgressBar;

/**

 * webkit simple demo

 * @author tony

 *

 */

public class MainActivity extends Activity{

    private WebView webView;

    private ProgressBar progressBar;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.index);

        webView = (WebView)findViewById(R.id.index_webView);//实例化webview对象

        progressBar = (ProgressBar)findViewById(R.id.index_progressBar);

        //设置webview属性能够执行javascript脚本

        webView.getSettings().setJavaScriptEnabled(true);

        //设置webView可以缩放，只可以双击缩放

        webView.getSettings().setSupportZoom(true);

        //设置是否可缩放

        webView.getSettings().setBuiltInZoomControls(true);

        //无限缩放

        webView.getSettings().setUseWideViewPort(true);

        //加载需要显示的网页

        webView.loadUrl("http://www.baidu.com/");

        /**

        1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。

        2.如果访问的页面中有Javascript，则webview必须设置支持Javascript。

                webview.getSettings().setJavaScriptEnabled(true);

        3.如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser中响应该链接，必须覆盖 webview的WebViewClient对象。

         */

        webView.setWebViewClient(new WebViewClient(){

            @Override

            public boolean shouldOverrideUrlLoading(WebView view, String url) {

                progressBar.setVisibility(View.VISIBLE);

                view.loadUrl(url);

                return true;

            }

            @Override

            public void onPageStarted(WebView view, String url, Bitmap favicon) {

                super.onPageStarted(view, url, favicon);

            }

            @Override

            public void onPageFinished(WebView view, String url) {

                super.onPageFinished(view, url);

            }

            @Override

            public void onLoadResource(WebView view, String url) {

                super.onLoadResource(view, url);

            }

            @Override

            public void onReceivedError(WebView view, int errorCode,

                    String description, String failingUrl) {

                super.onReceivedError(view, errorCode, description, failingUrl);

            }

        });

        //显示进度

        webView.setWebChromeClient(new WebChromeClient(){

            @Override

            public void onProgressChanged(WebView view, int newProgress) {

                Log.e("newProgress", newProgress+"");

                progressBar.setProgress(newProgress);

                if(newProgress >= 100){

                    progressBar.setVisibility(View.GONE);

                }

//                super.onProgressChanged(view, newProgress);

            }

        });

    }

    //如果不做任何处理，浏览网页，点击系统“Back”键，整个Browser会调用finish()而结束自身

    //，如果希望浏览的网 页回退而不是推出浏览器，需要在当前Activity中处理并消费掉该Back事件。

    public boolean onKeyDown(int keyCode, KeyEvent event) {

            if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {

                webView.goBack();//退回到上一个页面

                return true;

            }

            return super.onKeyDown(keyCode, event);

     }     

}

巴特西

WebView之加载网页时增加进度提示

最新文章

热门文章