Android如何實現帶進度條的WebView

這篇文章將為大家詳細講解有關Android如何實現帶進度條的WebView，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創新互聯專業為企業提供云夢網站建設、云夢做網站、云夢網站設計、云夢網站制作等企業網站建設、網頁設計與制作、云夢企業網站模板建站服務，十年云夢做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

Android 實現帶進度條的WebView的實例

1. WebView加載網頁方法

//加載本地資源
loadUrl("file:///android_asset/example.html");
//加載網絡資源
loadUrl("http://baidu.com");

2. 帶進度的Drawable文件view_progress_webview

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <solid android:color="#31CE15"/>
        <corners android:radius="2dp"/>
      </shape>
    </clip>
  </item>

</layer-list>

顏色值為進度顏色，根據需要更換

3. ProgressWebView類

/**
 * 帶進度條的WebView
 * @Author GQ
 */
public class ProgressWebView extends WebView {

  private ProgressBar progressbar;
  private Context mContext;

  public ProgressWebView(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.mContext = context;
    progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);
    progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 5, 0, 0));

    Drawable drawable = context.getResources().getDrawable(R.drawable.view_progress_webview);
    progressbar.setProgressDrawable(drawable);
    addView(progressbar);

    //主要處理解析，渲染網頁等瀏覽器做的事情
    setWebViewClient(new WebViewClient() {
      @Override
      public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
        super.onReceivedError(view, errorCode, description, failingUrl);
        //加載失敗時候,顯示自定義的頁面
        if (errorListener != null) {
          errorListener.onError();
        }
      }
    });
    //輔助WebView處理Javascript的對話框，網站圖標，網站title，加載進度等
    setWebChromeClient(new WebChromeClient());

    getSettings().setSupportZoom(true);//是否可以縮放
    getSettings().setBuiltInZoomControls(true);
    getSettings().setJavaScriptEnabled(true);//支持JS
    getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
    getSettings().setUseWideViewPort(true);
    getSettings().setLoadWithOverviewMode(true);
    getSettings().setSaveFormData(true);
    getSettings().setDomStorageEnabled(true);

    //優先使用緩存
    getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

    //禁用長按
    setOnLongClickListener(new OnLongClickListener() {
      @Override
      public boolean onLongClick(View view) {
        return true;
      }
    });

    //如果在瀏覽器下載,調用瀏覽器默認下載+通知欄
    setDownloadListener(new DownloadListener() {
      @Override
      public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
        Uri uri = Uri.parse(url);
        Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        mContext.startActivity(intent);
      }
    });
  }


  public class WebChromeClient extends android.webkit.WebChromeClient {
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
      if (newProgress == 100) {
        progressbar.setVisibility(GONE);
      } else {
        if (progressbar.getVisibility() == GONE)
          progressbar.setVisibility(VISIBLE);
        progressbar.setProgress(newProgress);
      }
      super.onProgressChanged(view, newProgress);
    }

    @Override
    public void onReceivedTitle(WebView view, String title) {
      super.onReceivedTitle(view, title);
      if (titleListener != null)
        titleListener.getTitle(title);
    }

  }


  @Override
  protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    LayoutParams lp = (LayoutParams) progressbar.getLayoutParams();
    lp.x = l;
    lp.y = t;
    progressbar.setLayoutParams(lp);
    super.onScrollChanged(l, t, oldl, oldt);
  }

  private TitleListener titleListener;

  public interface TitleListener {
    void getTitle(String title);
  }

  public void setOnTitleListener(TitleListener titleListener) {
    this.titleListener = titleListener;
  }

  private ErrorListener errorListener;

  public interface ErrorListener {
    void onError();
  }

  public void setOnErrorListener(ErrorListener errorListener) {
    this.errorListener = errorListener;
  }

}

4. 使用

/**
* 公共WebView
*/
public class BasicWebActivity extends Activity {

  protected ProgressWebView progressWebView;
  private TextView title;//標題欄
  private TextView tv_none;//加載失敗顯示文字

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

    title = (TextView) findViewById(R.id.title);
    tv_none = (TextView) findViewById(R.id.tv_none);
    progressWebView = (ProgressWebView) findViewById(R.id.progressWebView);

    String url = getIntent().getStringExtra("url");
    progressWebView.setOnTitleListener(new ProgressWebView.TitleListener() {
      @Override
      public void getTitle(String title) {
        title.setText(title);
      }
    });
    progressWebView.setOnErrorListener(new ProgressWebView.ErrorListener() {
      @Override
      public void onError() {
        tv_none.setText("url資源失效");
      }
    });
    //加載網頁
    progressWebView.loadUrl(url);
  }

 //重寫返回鍵
  @Override
  public boolean onKeyDown(int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK) {
      if (progressWebView.canGoBack()) {
        progressWebView.goBack();//返回上一層頁面
        return true;
      } else {
        finish();//關閉頁面
      }
    }
    return super.onKeyDown(keyCode, event);
  }
}

其中common_webview就包含一個title一個progressWebView就不貼代碼了。