android中WebView加载网页设置进度条

我们平时在进行安卓开发使用到webview加载网页时，我们不能准确了解网页的加载进度，因此为了提高用户体验，我们在webview中加入进度条显示加载进度。

程序预览界面：

一、主界面xml布局文件

<LinearLayout 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"
    tools:context=".MainActivity"
    android:orientation="vertical"
   >
    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:background="#1B9A16"
        
        />
        
 
    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="3dip"
        android:progressDrawable="@drawable/pg"
        android:visibility="gone"
   
        />
 
    <WebView
        android:id="@+id/webview1"
        android:layout_below="@id/progressBar1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 
   
</LinearLayout>

 

二、ProgressBar样式布局文件（pg.xml放在drawable下面)

 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="2dp" />
            <gradient
                android:angle="270"
                android:centerColor="#E3E3E3"
                android:endColor="#E6E6E6"
                android:startColor="#C8C8C8" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="2dp" />
                <gradient
                    android:centerColor="#4AEA2F"
                    android:endColor="#31CE15"
                    android:startColor="#5FEC46" />
                
            </shape>
        </clip>
    </item>
 
</layer-list>

三、逻辑代码：

package com.example.webview;
 
import android.os.Bundle;
import android.app.Activity;
import android.transition.Visibility;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
 
public class MainActivity extends Activity {
    
	private WebView webView;
	private ProgressBar pg1;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		init();
		webView.loadUrl("http://www.baidu.com");
	}
 
	private void init() {
		// TODO 自动生成的方法存根
		webView=(WebView) findViewById(R.id.webview1);
		pg1=(ProgressBar) findViewById(R.id.progressBar1);
		
		webView.setWebViewClient(new WebViewClient(){
			//覆写shouldOverrideUrlLoading实现内部显示网页
			@Override
			public boolean shouldOverrideUrlLoading(WebView view, String url) {
				// TODO 自动生成的方法存根
			    view.loadUrl(url);
				return true;
			}
		});
		WebSettings seting=webView.getSettings();
		seting.setJavaScriptEnabled(true);//设置webview支持javascript脚本
		webView.setWebChromeClient(new WebChromeClient(){
			@Override
			public void onProgressChanged(WebView view, int newProgress) {
				// TODO 自动生成的方法存根
				
				if(newProgress==100){
					pg1.setVisibility(View.GONE);//加载完网页进度条消失
				}
				else{
					pg1.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
					pg1.setProgress(newProgress);//设置进度值
				}
				
			}
		});
		
	}
 
	
    //设置返回键动作（防止按返回键直接退出程序)
	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		// TODO 自动生成的方法存根
		if(keyCode==KeyEvent.KEYCODE_BACK) {
			if(webView.canGoBack()) {//当webview不是处于第一页面时，返回上一个页面
				webView.goBack();
				return true;
			}
			else {//当webview处于第一页面时,直接退出程序
				System.exit(0);
			}
			
		
		}
		return super.onKeyDown(keyCode, event);
	}
}

整体流程就这样。

---------------------  
原文：https://blog.youkuaiyun.com/rocrocflying/article/details/49850095