Android開發學習筆記：WebView的使用

WebView(網絡視圖)能加載顯示網頁，可以將其視爲一個瀏覽器。它使用了WebKit渲染引擎加載顯示網頁，實現WebView有以下兩種不同的方法：

第一種方法的步驟：

1.在要Activity中實例化WebView組件：WebView webView = new WebView(this);

2.調用WebView的loadUrl()方法，設置WevView要顯示的網頁：
  互聯網用：webView.loadUrl("http://m.jd.com"); 
  本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中

3.調用Activity的setContentView( )方法來顯示網頁視圖

4.用WebView點鏈接看了很多頁以後爲了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面

5.需要在AndroidManifest.xml文件中添加權限，否則會出現Web page not available錯誤。
  <uses-permission android:name="android.permission.INTERNET" />

下面是具體例子：

MainActivity.java

package com.android.webview.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;

public class MainActivity extends Activity {
    private WebView webview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //實例化WebView對象
        webview = new WebView(this);
        //設置WebView屬性，能夠執行Javascript腳本
        webview.getSettings().setJavaScriptEnabled(true);
        //加載需要顯示的網頁
        webview.loadUrl("http://www.51cto.com/");
        //設置Web視圖
        setContentView(webview);
    }

    @Override
    //設置回退
    //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
 @Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {  
 if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {  
 webView.goBack();  
 return true;  
 }else{
 finish();
 }
 return super.onKeyDown(keyCode, event);  
 }

}

在AndroidManifest.xml文件中的17行添加權限

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="com.android.webview.activity"
 android:versionCode="1"
 android:versionName="1.0">
 <uses-sdk android:minSdkVersion="10" />

 <application android:icon="@drawable/icon" android:label="@string/app_name">
 <activity android:name=".MainActivity"
 android:label="@string/app_name">
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>
 <uses-permission android:name="android.permission.INTERNET"/>
</manifest>

效果圖：

第二種方法的步驟：

1、在佈局文件中聲明WebView

2、在Activity中實例化WebView

3、調用WebView的loadUrl( )方法，設置WevView要顯示的網頁

4、爲了讓WebView能夠響應超鏈接功能，調用setWebViewClient( )方法，設置  WebView視圖

5、用WebView點鏈接看了很多頁以後爲了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面

6、需要在AndroidManifest.xml文件中添加權限，否則出現Web page not available錯誤。

<uses-permission android:name="android.permission.INTERNET"/>

 下面是具體的例子：

MainActivity.java

package com.android.webview.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
    private WebView webview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        webview = (WebView) findViewById(R.id.webview);
        //設置WebView屬性，能夠執行Javascript腳本
        webview.getSettings().setJavaScriptEnabled(true);
        //加載需要顯示的網頁
        webview.loadUrl("http://www.51cto.com/");
        //設置Web視圖
        webview.setWebViewClient(new HelloWebViewClient ());
    }

    @Override
    //設置回退
    //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
 @Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {  
 if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {  
 webView.goBack();  
 return true;  
 }else{
 finish();
 }
 return super.onKeyDown(keyCode, event);  
 }


    //Web視圖
    private class HelloWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

main.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:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</LinearLayout>

在AndroidManifest.xml文件中的17行添加權限

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.android.webview.activity"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="10" />

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>

效果圖：