1. 程式人生 > >Android 網路開發:淺談 WebView

Android 網路開發:淺談 WebView

    WebView(網路檢視)能載入顯示網頁,可以將其視為一個瀏覽器。它使用了WebKit渲染引擎載入顯示網頁,實現WebView有以下兩種不同的方法:

第一種方法的步驟:

1.在要Activity中例項化WebView元件:WebView webView = new WebView(this);

2.呼叫WebView的loadUrl()方法,設定WevView要顯示的網頁:
  網際網路用:webView.loadUrl("http://www.google.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-permissionandroid:name="android.permission.INTERNET"/>

下面是具體例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2. import android.app.Activity;  
  3. import android.os.Bundle;  
  4. import android.view.KeyEvent;  
  5. import android.webkit.WebView;  
  6. publicclass MainActivity extends Activity {  
  7. private WebView webview;  
  8. @Override
  9. publicvoid onCreate(Bundle savedInstanceState) {  
  10. super.onCreate(savedInstanceState);  
  11. //例項化WebView物件
  12.         webview = new WebView(this);  
  13. //設定WebView屬性,能夠執行Javascript指令碼
  14.         webview.getSettings().setJavaScriptEnabled(true);  
  15. //載入需要顯示的網頁
  16.         webview.loadUrl("http://www.51cto.com/");  
  17. //設定Web檢視
  18.         setContentView(webview);  
  19.     }  
  20. @Override
  21. //設定回退
  22. //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
  23. publicboolean onKeyDown(int keyCode, KeyEvent event) {  
  24. if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  25.             webview.goBack(); //goBack()表示返回WebView的上一頁面
  26. returntrue;  
  27.         }  
  28. returnfalse;  

AndroidManifest.xml檔案中的17行新增許可權

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <manifestxmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.android.webview.activity"
  4. android:versionCode="1"
  5. android:versionName="1.0">
  6. <uses-sdkandroid:minSdkVersion="10"/>
  7. <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
  8. <activityandroid:name=".MainActivity"
  9. android:label="@string/app_name">
  10. <intent-filter>
  11. <actionandroid:name="android.intent.action.MAIN"/>
  12. <categoryandroid:name="android.intent.category.LAUNCHER"/>
  13. </intent-filter>
  14. </activity>
  15. </application>
  16. <uses-permissionandroid:name="android.permission.INTERNET"/>
  17. </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

  1. package com.android.webview.activity;  
  2. import android.app.Activity;  
  3. import android.os.Bundle;  
  4. import android.view.KeyEvent;  
  5. import android.webkit.WebView;  
  6. import android.webkit.WebViewClient;  
  7. publicclass MainActivity extends Activity {  
  8. private WebView webview;  
  9. @Override
  10. publicvoid onCreate(Bundle savedInstanceState) {  
  11. super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.main);  
  13.         webview = (WebView) findViewById(R.id.webview);  
  14. //設定WebView屬性,能夠執行Javascript指令碼
  15.         webview.getSettings().setJavaScriptEnabled(true);  
  16. //載入需要顯示的網頁
  17.         webview.loadUrl("http://www.51cto.com/");  
  18. //設定Web檢視
  19.         webview.setWebViewClient(new HelloWebViewClient ());  
  20.     }  
  21. @Override
  22. //設定回退
  23. //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
  24. publicboolean onKeyDown(int keyCode, KeyEvent event) {  
  25. if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  26.             webview.goBack(); //goBack()表示返回WebView的上一頁面
  27. returntrue;  
  28.         }  
  29. returnfalse;  
  30.     }  
  31. //Web檢視
  32. privateclass HelloWebViewClient extends WebViewClient {  
  33. @Override
  34. publicboolean shouldOverrideUrlLoading(WebView view, String url) {  
  35.             view.loadUrl(url);  
  36. returntrue;  
  37.         }  
  38.     }  

main.xml

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. >
  7. <WebView
  8. android:id="@+id/webview"
  9. android:layout_width="fill_parent"
  10. android:layout_height="fill_parent"
  11. />
  12. </LinearLayout>

AndroidManifest.xml檔案中的17行新增許可權

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <manifestxmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.android.webview.activity"
  4. android:versionCode="1"
  5. android:versionName="1.0">
  6. <uses-sdkandroid:minSdkVersion="10"/>
  7. <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
  8. <activityandroid:name=".MainActivity"
  9. android:label="@string/app_name">
  10. <intent-filter>
  11. <actionandroid:name="android.intent.action.MAIN"/>
  12. <categoryandroid:name="android.intent.category.LAUNCHER"/>
  13. </intent-filter>
  14. </activity>
  15. </application>
  16. <uses-permissionandroid:name="android.permission.INTERNET"/>
  17. </manifest>

效果圖: