一切福田,不離方寸,從心而覓,感無不通。

WebView控件基本使用

这一期创新,我们来谈谈浏览器控件即WebView。先说什么是webView控件吧。 WebView是一个浏览器控件,通过这个控件可以直接访问网页,或者把输入的HTML字符串显示出来,功能比较强大,有以下几个优点:

1、功能强大,支持CSS,Java script等HTML语言,这样页面就能更漂亮。
2、能够对浏览器控件进行非常详细的设置,比如字体大小,背景色,滚动条样式等等。 3、能够捕捉到所有浏览器操作,比如点击URL,打开或关闭URL 4、能够很好的融入布局。
5、甚至webView还能和JS进行交互。
在使用webView时,我们要先取得一个webView实例,如下:
WebView  browser=(WebView)findViewById(R.id.webkit);
取得实例后,我们要给browser定义一下WebSettings,WebSettings是WebView的具体设置类,可以对WebView进行非常详细的设置。
WebSettings bs = browser.getSettings();  取得了webView设置对象。

下面开始设置浏览器控件,几个最常用的设置如下:
1、bs.setSupportMultipleWindows(false);
浏览器不支持多窗口显示,意思就是说所有页面在单一窗口打开,这样避免了页面布局控制显示问题,也便于操作控制页面。

2、bs.setSupportZoom(false);  页面是否可以进行缩放。

3、bs.setBlockNetworkImage(false);  是否阻止图像的显示
4、bs.setCacheMode(); 设置缓存的模式,分为几种:
LOAD_CACHE_ELSE_NETWORK   当本地没有缓存时,从网上下载
LOAD_CACHE_ONLY   只读取本地缓存        LOAD_DEFAULT  默认的缓存模式
LOAD_NORMAL  一般的缓存模式
LOAD_NO_CACHE  不读取缓存,所有内容均从网络下载。
5、bs.setJavaScriptEnabled(flag);是否支持JS。

其他比如设置字体等更不必详说,通过设置我们可以获得一个我们需要的浏览器窗口。

接着,我们还需一个类来继承WebViewClient,这个类用来监控浏览器的一系列事件。
webNotify wn = new webNotify(); browser.setWebViewClient(wn)
下面列举比较常用的4个事件:
1,接收到Http请求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)
2,打开链接前的事件
public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; }
在这个函数我们可以做很多操作,比如我们读取到某些特殊的URL,于是就可以不打开地址,取消这个操作,进行预先定义的其他操作,这对一个程序是非常必要的。
3,载入页面完成的事件
public void onPageFinished(WebView view, String url){ }
同样道理,我们知道一个页面载入完成,于是我们可以关闭loading条,切换程序动作。
4,载入页面开始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) { }
这个事件就是开始载入页面调用的,通常我们可以在这设定一个loading的页面,告诉用户程序在等待网络响应。
通过这几个事件,我们可以很轻松的控制程序操作,一边用着浏览器显示内容,一边监控着用户操作实现我们需要的各种显示方式,同时可以防止用户产生误操作。
最后我们的浏览器设置好了,可以监控操作了,于是打开一个网址:
browser.loadUrl("http://www.baidu.com/");
当然也可以是自己设定的一段html字符串,当然你的URL要符合规范。
browser.loadDataWithBaseURL()
如何和JS进行交互

到这里基本的webView的基本使用介绍完毕,接下来我们来讨论一下webView如何与JS进行交互,这个功能非常强大,能够做出很多意想不到的事情。
首先我们在页面里有这么一段JS代码: <html>
<script language="javascript">
function wave() {
document.getElementById("droid").src="android_waving.png";
}

</script>
<body>    <a> <img id="droid" src="android_normal.png"/><br> Click me! </a>
</body>  </html>

function wave()就是我们要调用的函数,首先要让browser能与页面进行交互bs.setJavaScriptEnabled(true);( 让浏览器支持JS)  接着:
browser.addJavascriptInterface(new Object() {
public void clickOnAndroid(){
mHandler.post(new Runnable(){
public void run() { mWebView.loadUrl("javascript:wave()");
} }); } }, "index");
这里的重点就是addJavascriptInterface(Object obj,String interfaceName)方法,该方法将一个java对象绑定到一个javascript对象中,javascript对象名就是 interfaceName,作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过
javascript:window.demo访问到绑定的java对象了。
到此为止,我们就能在自己的浏览器里实现html页面里面的js 代码了,具体能实现什么功能这里就不做详细举例了,实用中就会发现,这个功能很强大。

from:http://wenku.baidu.com/link?url=lts8Sg3KWlu5M4l_dnGiL2rQ6ClPvGjW2ryKni3DSjv3J8WjSgJ9X0mwPk4KAGwJO9YUEaiZ8Kqv6lRTWe0pIfFORZVAQtrfqOMucBj2WLO