android webview 介紹


在Android手機中內置了一款高性能webkit內核瀏覽器,在SDK中封裝成名為WebView的組件。
WebView使用:
(1)添加權限:AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會出Web page not available錯誤。
(2)在要Activity中生成一個WebView組件:WebView webView = new WebView(this);
(3)設置WebView基本信息:
  webview.getSettings().setJavaScriptEnabled(true);// 設置支持Javascript
  requestFocus();// 觸摸焦點起作用
  setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);// 取消滾動條
(4)設置WevView要顯示的網頁:
  webView.loadUrl("http://www.google.com");// 互聯網
  webView.loadUrl("file:///android_asset/XX.html");// 本地文件,本地文件存放在:assets文件中
(5)如果希望點擊鏈接不打開Android的系統browser中響應,則需要給WebView添加一個事件監聽並重寫shouldOverrideUrlLoading方法。
  public boolean shouldOverrideUrlLoading(WebView view,String url) {  
    view.loadUrl(url);  
     return true;           
  } 
其它部分可重寫的方法:
(1)接收到Http請求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)
(2)打開鏈接前的事件
public boolean shouldOverrideUrlLoading(WebView view, String url) {
  view.loadUrl(url);
  return true;
} 
(3)載入頁面完成的事件
public void onPageFinished(WebView view, String url) {
}  
(4)載入頁面開始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) {
}
這個事件就是開始載入頁面調用的,通常我們可以在這設定一個loading的頁面,告訴用戶程序在等待網絡響應。    
一、如果用WebView點鏈接看了很多頁以后,如果不做任何處理,點擊系統返回(Back)鍵,整個瀏覽器會調用finish()方法而結束自身,如果希望瀏覽的網頁回退而不是退出瀏覽器,需要在當前Activity中處理並消費掉該Back事件。
  覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法。
  public boolean onKeyDown(int keyCode,KeyEvent event){  
    if(webView.canGoBack() && keyCode == KeyEvent.KEYCODE_BACK){ 
      webview.goBack();// goBack()表示返回webView的上一頁面 
      return true; 
    } 
    return false; 
  }
二、loadData()和loadDataWithBaseURL()使用的區別

loadData()中的html data中不能包含'#', '%', '\', '?'四中特殊字符,出現這種字符就會出現解析錯誤,顯示找不到網頁還有部分html代碼。
處理方法:我們需要用UrlEncoder編碼為%23, %25, %27, %3f 。 可以使用以下兩種代碼,data為string類型的html代碼 (1)webView.loadData(URLEncoder.encode(data, "utf-8"), "text/html", "utf-8"); (2)webView.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);

WebView相關屬性:

(1)設置WebView為透明:

  android:background="#00000000"     

  android:cacheColorHint="#00000000"     

  WebView.setBackgroundColor(0); 

(2)WebView 顯示sd卡圖片:

webView.loadDataWithBaseURL(null, "", "text/html" , "utf-8", null); 

(3)WebView顯示字符串

webView.loadDataWithBaseURL("", "", "text/html", "utf-8", ""); 

(4)設置WebView中顯示字體的大小

public static final TextSize[] FONT_SIZES = new TextSize[] {

  TextSize.SMALLER,

  TextSize.NORMAL,

  TextSize.LARGER

};     

private WebSettings wb;     

wb = mWebViewRightContent.getSettings();     

wb.setTextSize(FONT_SIZES[iFontSizeId]); 

字體大小:

public enum TextSize { 

  SMALLEST(50),         

  SMALLER(75),         

  NORMAL(100),         

  LARGER(150),         

  LARGEST(200);         

  TextSize(int size)  {             

    value = size;         

  }         

  int value;     

(5)WebView顯示html文件時,若要達到和PC上瀏覽器顯示的效果完全一樣,只需對WebView做一下設置即可:

適應全屏 

39 適應豎屏   

57 適應橫屏     

mWebView.setInitialScale(39); 

注意的是:html如果字體太小則在Android手機上顯示的就很小。一般為6、7號字體。

(6)WebView設置漸變:

android:fadingEdge="vertical"     

android:fadingEdgeLength="20px"  (垂直方向,上下漸變區域為20px)

(7)設置WebView可觸摸放大縮小:

mWebView.getSettings().setBuiltInZoomControls(true); 

(8)WebView雙擊變大,再雙擊后變小,當手動放大后,雙擊可以恢復到原始大小,如下設置:

webView.getSettings().setUseWideViewPort(true); 

(9)幾種加速WebView加載的方法,提高渲染的優先級

webView.getSettings().setRenderPriority(RenderPriority.HIGH); 

使用webView.getSettings().setBlockNetworkImage,把圖片加載放在最后來加載渲染webView.getSettings().setBlockNetworkImage(true); 

(10)將字符串轉換成HTML形式的文件顯示:

  // 獲取的字符串     

  String sDetails = cursor.getString(cursor.getColumnIndex("sChinese"));     

  // 按行截取字符串,將其存放在數組中     

  String[] str = sDetails.split("\n");     

  String s1 = "";     

  // 遍歷數組進行判斷,如果條件成立,就添加設定的css樣式     

  for (int i = 0;i < str.length;i ++) {         

    if (str[i].trim().startsWith("vt.")) {             

      str[i] = "<h3 style=\"font-size:10px; color:#000; background:#FCFCFC; padding:3px 5px;\">" + str[i] + "<h3>" + "\n";         

    } else if (getMark(str[i].trim())) {             

      str[i] = "<h4 style=\"font-size:10px; color:#F60; font-weight:normal;\">" + str[i] + "</h4>" + "\n";         

    } else if (str[i].trim().startsWith("〖")) {             

      str[i] = "<span style=\"color:#333; font-size:10px; color:#F60\">" + str[i] + "</span>" + "\n";         

    } else {             

      str[i] = "<p style=\"line-height:16px; font-size:10px;color:#666;\">" + str[i] + "</p>" + "\n";         

    }

    // 將修改后的字符串拼接起來         

    s1 += str[i];     

  }     

  // 用WebView將字符串以HTML的形式顯示出來     

  webView.loadDataWithBaseURL("fake://not/needed", s1, "text/html", "utf-8", ""); 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM