實現的效果比較簡單相似於微信打開網頁,頭部有個進度條顯示加載進度html
下載地址:http://download.csdn.net/detail/qq_29774291/9666941android
1.在安卓端加載一個網頁web
webView.loadUrl(urlString);
2.顯示網頁開始加載和加載的進度;不過在有時會出現onPageStarted等屢次調用的狀況,也許是網頁的問題,未找處處理方法瀏覽器
@Override public void onPageStarted(WebView view, String url, Bitmap favicon) { // TODO Auto-generated method stub super.onPageStarted(view, url, favicon); System.out.println("Page開始 " + url + " " + favicon); } @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub super.onPageFinished(view, url); System.out.println("Page結束 " +url); }
webView.setWebChromeClient(new WebChromeClient(){ @Override public void onProgressChanged(WebView view, int newProgress) { // TODO Auto-generated method stub super.onProgressChanged(view, newProgress); Log.d("jiejie", "ProgressChanged++ " + newProgress); if(newProgress ==100){ progressBar.setVisibility(View.GONE); //progressBar.setProgress(newProgress); }else { progressBar.setVisibility(View.VISIBLE); progressBar.setProgress(newProgress);//設置加載進度 } } });
3.重寫下ProgressBar的背景顏色progressDrawable須要使用layer-list來進行實現緩存
<?xml version="1.0" encoding="utf-8"?> <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>
4.WebSettings 的經常使用方法介紹微信
setJavaScriptEnabled(true); //支持js setPluginsEnabled(true); //支持插件 setUseWideViewPort(false); //將圖片調整到適合webview的大小 setSupportZoom(true); //支持縮放 setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持內容從新佈局 supportMultipleWindows(); //多窗口 setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //關閉webview中緩存 setAllowFileAccess(true); //設置能夠訪問文件 setNeedInitialFocus(true); //當webview調用requestFocus時爲webview設置節點 webview webSettings.setBuiltInZoomControls(true); //設置支持縮放 setJavaScriptCanOpenWindowsAutomatically(true); //支持經過JS打開新窗口 setLoadWithOverviewMode(true); // 縮放至屏幕的大小 setLoadsImagesAutomatically(true); //支持自動加載圖片
5.WebViewClient 的方法全解網絡
doUpdateVisitedHistory(WebView view, String url, boolean isReload) //(更新歷史記錄) onFormResubmission(WebView view, Message dontResend, Message resend) //(應用程序從新請求網頁數據) onLoadResource(WebView view, String url) // 在加載頁面資源時會調用,每個資源(好比圖片)的加載都會調用一次。 onPageStarted(WebView view, String url, Bitmap favicon) //這個事件就是開始載入頁面調用的,一般咱們能夠在這設定一個loading的頁面,告訴用戶程序在等待網絡響應。 onPageFinished(WebView view, String url) //在頁面加載結束時調用。一樣道理,咱們知道一個頁面載入完成,因而咱們能夠關閉loading 條,切換程序動做。 onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (報告錯誤信息) onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//(獲取返回信息受權請求) onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重寫此方法可讓webview處理https請求。 onScaleChanged(WebView view, float oldScale, float newScale) // (WebView發生改變時調用) onUnhandledKeyEvent(WebView view, KeyEvent event) //(Key事件未被加載時調用) shouldOverrideKeyEvent(WebView view, KeyEvent event)//重寫此方法纔可以處理在瀏覽器中的按鍵事件。 shouldOverrideUrlLoading(WebView view, String url) //在點擊請求的是連接是纔會調用,重寫此方法返回true代表點擊網頁裏面的連接仍是在當前的webview裏跳轉,不跳到瀏覽器那邊。這個函數咱們能夠作不少操做,好比咱們讀取到某些特殊的URL,因而就能夠不打開地址,取消這個操做,進行預先定義的其餘操做,這對一個程序是很是必要的。
6.主程序代碼app
1 package com.item.jiejie.activity; 2 3 import com.item.jiejie.R; 4 5 import android.annotation.SuppressLint; 6 import android.app.Activity; 7 import android.graphics.Bitmap; 8 import android.os.Bundle; 9 import android.util.Log; 10 import android.view.KeyEvent; 11 import android.view.View; 12 import android.webkit.WebChromeClient; 13 import android.webkit.WebSettings; 14 import android.webkit.WebView; 15 import android.webkit.WebViewClient; 16 import android.widget.ProgressBar; 17 18 /** 19 * 實現加在一個WebView 爲WebView加載時添加一個類型微信的進度條 20 * @author Administrator 21 * 22 */ 23 @SuppressLint("SetJavaScriptEnabled") 24 public class WebViewActivity extends Activity{ 25 private WebView webView; 26 private ProgressBar progressBar; 27 private String urlString = "http://61.156.45.47:8081/dtmsapp/sy.html"; 28 @Override 29 protected void onCreate(Bundle savedInstanceState) { 30 // TODO Auto-generated method stub 31 super.onCreate(savedInstanceState); 32 setContentView(R.layout.actvity_webview); 33 initView(); 34 } 35 private void initView() { 36 // TODO Auto-generated method stub 37 webView = (WebView)findViewById(R.id.webview); 38 progressBar = (ProgressBar)findViewById(R.id.pergress); 39 WebSettings webSettings = webView.getSettings(); 40 webSettings.setJavaScriptEnabled(true); 41 webSettings.setUseWideViewPort(true); 42 webSettings.setLoadWithOverviewMode(true); 43 webSettings.setDefaultTextEncodingName("utf-8"); 44 webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);//關閉WebView中緩存 45 webView.setWebViewClient(new WebViewClient(){ 46 @Override 47 public void onPageStarted(WebView view, String url, Bitmap favicon) { 48 // TODO Auto-generated method stub 49 super.onPageStarted(view, url, favicon); 50 System.out.println("Page開始 " + url + " " + favicon); 51 } 52 53 @Override 54 public void onPageFinished(WebView view, String url) { 55 // TODO Auto-generated method stub 56 super.onPageFinished(view, url); 57 System.out.println("Page結束 " +url); 58 } 59 @Override 60 public boolean shouldOverrideUrlLoading(WebView view, String url) { 61 // TODO Auto-generated method stub 62 //return super.shouldOverrideUrlLoading(view, url); 63 view.loadUrl(url); 64 return true; 65 } 66 }); 67 webView.setWebChromeClient(new WebChromeClient(){ 68 @Override 69 public void onProgressChanged(WebView view, int newProgress) { 70 // TODO Auto-generated method stub 71 super.onProgressChanged(view, newProgress); 72 Log.d("jiejie", "ProgressChanged++ " + newProgress); 73 if(newProgress ==100){ 74 progressBar.setVisibility(View.GONE); 75 //progressBar.setProgress(newProgress); 76 }else { 77 progressBar.setVisibility(View.VISIBLE); 78 progressBar.setProgress(newProgress);//設置加載進度 79 } 80 } 81 }); 82 webView.loadUrl(urlString); 83 } 84 85 //設置返回鍵動做(防止按返回鍵直接退出程序) 86 @Override 87 public boolean onKeyDown(int keyCode, KeyEvent event) { 88 // TODO 自動生成的方法存根 89 if(keyCode==KeyEvent.KEYCODE_BACK) { 90 if(webView.canGoBack()) {//當webview不是處於第一頁面時,返回上一個頁面 91 webView.goBack(); 92 return true; 93 } 94 // else {//當webview處於第一頁面時,直接退出程序 95 // System.exit(0); 96 // } 97 98 99 } 100 return super.onKeyDown(keyCode, event); 101 } 102 }