簡介
WebView是Android中用于加載web頁面的控件
優點
- 可以直接內嵌到App中用于顯示和渲染web頁面
- 可以直接用html文件(網絡上或本地assets中)作布局
配置權限
android:name="android.permission.INTERNET"
如果需要定位功能,還需要配置下面兩個權限
android:name="android.permission.ACCESS_FINE_LOCATION"
android:name="android.permission.ACCESS_COARSE_LOCATION"
兩個實現方法
- setWebClient:主要處理解析,渲染網頁等瀏覽器做的事情
- setWebChromeClient:輔助WebView處理Javascript的對話框,網站圖標,網站title,加載進度等
WebViewClient就是幫助WebView處理各種通知、請求事件的。
加載網頁字符串
使用loadData()加載一段HTML內容
mWebView = (WebView) findViewById(R.id.id_webView);
String summary = "<html><body>You scored <b>192</b> points.</body></html>";
mWebView.loadData(summary, "text/html", null);
如下圖:
這里寫圖片描述
加載網絡資源
使用loadUrl()加載網絡url
String htmlurl = "http://baidu.com";
mWebView.loadUrl(htmlurl);
加載時,會自動跳轉到系統瀏覽器打開,如下圖:
這里寫圖片描述
而我們使用WebView就是為了展示網頁,還跳轉個雞毛啊,為了解決這個問題,就要使用WebViewClient這個Class
mWebView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url){
// 重寫此方法表明點擊網頁里面的鏈接還是在當前的webview里跳轉,不跳到瀏覽器那邊
view.loadUrl(url);
return true;
}
});
效果如下圖:
這里寫圖片描述
實例
創建Android項目名曰:WebViewTest
添加一個Activity,MainActivity
xml文件如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<WebView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/webView"
/>
</LinearLayout>
java代碼如下:
package com.webviewurl.test;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.GeolocationPermissions.Callback;
import android.graphics.Bitmap;
public class MainActivity extends Activity {
private static final String TAG = "MainActivity";
private WebView webView;
private static final String htmlurl="http://baidu.com";
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView = (WebView)this.findViewById(R.id.webView);
WebSettings settings = webView.getSettings();
//設置Webview可以調用javascript
settings.setJavaScriptEnabled(true);
//設置webview可以調用地理位置信息
settings.setGeolocationEnabled(true);
//設置webview調用地理位置信息的緩存路徑
settings.setGeolocationDatabasePath(getFilesDir().getPath());
//配置獲取設備位置信息的權限
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onGeolocationPermissionsShowPrompt(String origin,Callback callback) {
callback.invoke(origin, true, false);
super.onGeolocationPermissionsShowPrompt(origin, callback);
}
});
webView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url){
// 重寫此方法表明點擊網頁里面的鏈接還是在當前的webview里跳轉,不跳到瀏覽器那邊
view.loadUrl(url);
return true;
}
});
webView.addJavascriptInterface(new ContactPlugin(), "contact");
webView.loadUrl(htmlurl);
}
}
加載本地資源
方法同上,只是架子啊方法不同
webView.loadUrl("file:///android_asset/test.html");
Demo地址
CSDN:http://download.csdn.net/detail/shiquanqq/9464237
Github: