【Android】中WebView加载资源顶部进度条

效果图

xml文件

---

<?xml version="1.0" encoding="utf-8"?>
<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:layout_width="match_parent"
        android:layout_height="3dp"
        style="@style/Widget.AppCompat.ProgressBar.Horizontal"
        android:progress="0"
        android:id="@+id/pb1"/>

    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/wv"/>

</LinearLayout>

java 文件

---

package com.dai.hellworld;

import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Bitmap;
import android.os.Build;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebResourceRequest;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;

public class WebViewActivity extends AppCompatActivity {

    private WebView wv;

    private ProgressBar bar;

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

        wv = findViewById(R.id.wv);
        bar = findViewById(R.id.pb1);
        // 加载本地html文件，assets文件下的文件不会被编译
        // wv.loadUrl("file:///android_asset/test.html");
        // 加载网络url
        wv.loadUrl("https://m.baidu.com");
        // 添加js支持
        wv.getSettings().setJavaScriptEnabled(true);

        wv.setWebViewClient(new MyViewClient());
        wv.setWebChromeClient(new MyChromeClient());


    }

    class MyViewClient extends WebViewClient {
        @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            // 避免弹出询问框，直接在本activity中打开网页。不明原因，不需要也能正常使用。
            view.loadUrl(request.getUrl().toString());
            return super.shouldOverrideUrlLoading(view, request);
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // 页面开始加载方法
            bar.setProgress(0);
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            // 页面加载完成方法
            super.onPageFinished(view, url);
            bar.setProgress(100);
        }
    }

    class MyChromeClient extends WebChromeClient {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            // 进度条
            if (bar.getProgress() == 100) {
                bar.setVisibility(View.GONE);
            } else {
                bar.setProgress(newProgress);
            }
            super.onProgressChanged(view, newProgress);
        }

        @Override
        public void onReceivedTitle(WebView view, String title) {
            // 网页标题
            super.onReceivedTitle(view, view.getTitle());
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // 网页返回避免直接退出Activity
        if (keyCode == KeyEvent.KEYCODE_BACK && wv.canGoBack()) {
            // 网页返回返回方法
            wv.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
}