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

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7.  
  8. public class MainActivity extends Activity {  
  9.     private WebView webview;  
  10.     @Override 
  11.     public void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         //實例化WebView對象  
  14.         webview = new WebView(this);  
  15.         //設置WebView屬性,能夠執行Javascript腳本  
  16.         webview.getSettings().setJavaScriptEnabled(true);  
  17.         //加載需要顯示的網頁  
  18.         webview.loadUrl("http://www.51cto.com/");  
  19.         //設置Web視圖  
  20.         setContentView(webview);  
  21.     }  
  22.       
  23.     @Override 
  24.     //設置回退  
  25.     //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法  
  26. @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);   }
  27.  

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

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns: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-sdk android:minSdkVersion="10" />
  7. <application android:icon="@drawable/icon" android:label="@string/app_name">
  8. <activity android:name=".MainActivity"
  9. android:label="@string/app_name">
  10. <intent-filter>
  11. <action android:name="android.intent.action.MAIN" />
  12. <category android:name="android.intent.category.LAUNCHER" />
  13. </intent-filter>
  14. </activity>
  15. </application>
  16. <uses-permission android: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.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7. import android.webkit.WebViewClient;  
  8.  
  9. public class MainActivity extends Activity {  
  10.     private WebView webview;  
  11.     @Override 
  12.     public void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.main);  
  15.         webview = (WebView) findViewById(R.id.webview);  
  16.         //設置WebView屬性,能夠執行Javascript腳本  
  17.         webview.getSettings().setJavaScriptEnabled(true);  
  18.         //加載需要顯示的網頁  
  19.         webview.loadUrl("http://www.51cto.com/");  
  20.         //設置Web視圖  
  21.         webview.setWebViewClient(new HelloWebViewClient ());  
  22.     }  
  23.       
  24.     @Override 
  25.     //設置回退  
  26.     //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法  
  27. @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);   }
  28.       
  29.     //Web視圖  
  30.     private class HelloWebViewClient extends WebViewClient {  
  31.         @Override 
  32.         public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  33.             view.loadUrl(url);  
  34.             return true;  
  35.         }  
  36.     }  

main.xml

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns: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. <?xml version="1.0" encoding="utf-8"?> 
  2. <manifest xmlns: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-sdk android:minSdkVersion="10" /> 
  7.  
  8.     <application android:icon="@drawable/icon" android:label="@string/app_name"> 
  9.         <activity android:name=".MainActivity" 
  10.                   android:label="@string/app_name"> 
  11.             <intent-filter> 
  12.                 <action android:name="android.intent.action.MAIN" /> 
  13.                 <category android:name="android.intent.category.LAUNCHER" /> 
  14.             </intent-filter> 
  15.         </activity> 
  16.     </application> 
  17.     <uses-permission android:name="android.permission.INTERNET"/> 
  18. </manifest> 

效果圖:


發佈了27 篇原創文章 · 獲贊 6 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章