Android 设置WebView加载网页进度条

- 日理万妓 2022-04-05 15:45 984阅读 0赞

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

程序预览界面：

![SouthEast][]

一、主界面xml布局文件

二、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.csdn.net/rocrocflying/article/details/49850095\#][https_blog.csdn.net_rocrocflying_article_details_49850095]

[Link 1]: http://lib.csdn.net/base/android
[SouthEast]: /images/20220405/7e26464974dd46c69ff9b3e6f05aa992.png
[https_blog.csdn.net_rocrocflying_article_details_49850095]: https://blog.csdn.net/rocrocflying/article/details/49850095#