Android WebView在Android平臺上是一個特殊的View， 他能用來顯示網頁，這個類可以被用來在你的app中僅僅顯示一張在線的網頁，還可以用來開發瀏覽器。WebView內部實現是采用渲染引擎來展示view的內容，提供網頁前進后退，網頁放大，縮小，搜索，在Android 4.3系統及其已下WebView內部采用Webkit渲染引擎，在Android 4.4采用chromium 渲染引擎來渲染View的內容。
（2）在xml中配置WebView
<Webview
android:layout_width="match_parent"
android:layout_height="match_parent" >
</Webview>
WebSettings webSettings = mWebView .getSettings(); webSettings.setUseWideViewPort(true);//設置此屬性，可任意比例縮放 webSettings.setLoadWithOverviewMode(true);頁面支持縮放：WebSettings webSettings = mWebView .getSettings(); webSettings.setjavaScriptEnabled(true); webSettings.setBuiltInZoomControls(true); webSettings.setSupportZoom(true);如果webView中需要用戶手動輸入用戶名、密碼或其他，則webview必須設置支持獲取手勢焦點。webview.requestFocusFromTouch();WebView 加載界面主要調用三個方法：LoadUrl、LoadData、LoadDataWithBaseURL.1、LoadUrl 直接加載網頁、圖片并顯示.（本地或是網絡上的網頁、圖片、gif） 2、LoadData 顯示文字與圖片內容 3、LoadDataWithBase 顯示文字與圖片內容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); //支持自動加載圖片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，于是就可以不打開地址，取消這個操作，進行預先定義的其他操作，這對一個程序是非常必要的。四.具體操作
預覽如下圖所示：
首先我們來自定義一個帶進度條的WebView,名字為PRogressWebView：public class ProgressWebView extends WebView { private ProgressBar progressbar; public ProgressWebView(Context context, AttributeSet attrs) { super(context, attrs); progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal); progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 10, 0, 0)); Drawable drawable = context.getResources().getDrawable(R.drawable.progress_bar_states); progressbar.setProgressDrawable(drawable); addView(progressbar); setWebViewClient(new MyWebViewClient()); setWebChromeClient(new MyWebChromeClient()); //是否可以縮放 getSettings().setSupportZoom(true); getSettings().setBuiltInZoomControls(true); getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); getSettings().setSupportMultipleWindows(true); getSettings().setJavaScriptCanOpenWindowsAutomatically(true); getSettings().setDomStorageEnabled(true); getSettings().setPluginState(WebSettings.PluginState.ON); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); } } public class MyWebChromeClient extends 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 boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) { WebView mWebView = new WebView(view.getContext()); WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj; transport.setWebView(mWebView); resultMsg.sendToTarget(); return true; } } public class MyWebViewClient extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, android.net.http.SslError error) { handler.proceed(); } @Override public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) { return super.shouldOverrideKeyEvent(view, event); } } @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); }}下面我們來看一下drawable目錄下的progress_bar_states.xml是如何寫的：<?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><layer-list>這個標簽可能我們不是很熟悉，因為我們一般常用的就是<shape>和<selector>這兩個，layer-list是將多個圖片或上面兩種效果按照順序層疊起來，layer就像photoshop中的圖層一樣。其中有個<clip>標簽，是可以用來剪載圖片顯示，例如，可以通過它來做進度度。你可以選擇是從水平或垂直方向剪載。自定義好ProgressWebView之后，我們只需要在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"> <RelativeLayout android:id="@+id/title" android:layout_width="match_parent" android:layout_height="48dp" android:background="#22292c"> <ImageView android:id="@+id/iv_back" android:layout_width="40dp" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:paddingBottom="5dp" android:paddingLeft="5dp" android:paddingRight="5dp" android:paddingTop="5dp" android:scaleType="centerInside" android:src="@drawable/top_bar_back" /> <View android:id="@+id/view_temp" android:layout_width="1dp" android:layout_height="match_parent" android:layout_marginBottom="8dp" android:layout_marginTop="8dp" android:layout_toRightOf="@id/iv_back" android:background="#14191A" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:layout_toRightOf="@id/view_temp" android:text="具體名稱" android:textColor="#ffffff" android:textSize="18sp" /> <ImageView android:layout_width="40dp" android:layout_height="match_parent" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:paddingBottom="5dp" android:paddingLeft="5dp" android:paddingRight="5dp" android:paddingTop="5dp" android:scaleType="centerInside" android:src="@drawable/icon_wallet_more" /> </RelativeLayout> <com.xxx.xxx.module.setting.ProgressWebView android:id="@+id/baseweb_webview" android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout>預覽如下
接著我們定義一個BaseWebActivity來顯示我們自定義的WebView
public class BaseWebActivity extends Activity { protected ProgressWebView mWebView; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.activity_baseweb); mWebView = (ProgressWebView) findViewById(R.id.baseweb_webview); mWebView.getSettings().setJavaScriptEnabled(true); mWebView.getSettings().setSupportZoom(true); mWebView.getSettings().setBuiltInZoomControls(true); mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); mWebView.getSettings().setSupportMultipleWindows(true); mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); initData(); } private void initData() { Intent intent = getIntent(); String url = intent.getStringExtra("url"); if (url != null) { mWebView.loadUrl(url); } } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { mWebView.goBack(); return true; } return super.onKeyDown(keyCode, event); }} 然后調用這個Activity即可，例如：public class AboutUsActivity extends BaseSubActivity { @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_setting_about); findViewById(R.id.html_app).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String url = "http://xxxxx.html"; Intent intent = new Intent(AboutUsActivity.this, BaseWebActivity.class); intent.putExtra("url", url); startActivity(intent); } }); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { new AlertDialog.Builder(this).setTitle("退出").setMessage("確認要退出嗎？").setPositiveButton("OK", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { TOAST.showShort("確認退出"); } }).setNegativeButton("CANCLE", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { TOAST.showShort("取消退出"); } }).create().show(); return false; } return super.onKeyDown(keyCode, event); }}
新聞熱點
疑難解答
