Android之WebView

簡介

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:

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容