您的位置:首页 > 移动开发

android WebView介绍(一)

2014-01-20 14:53 429 查看
原文 http://www.cnblogs.com/lyricgan88/p/3361383.html

在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]); 
a77c
字体大小:
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", ""); 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android webview