WebView控件基本使用.doc

《WebView控件基本使用.doc》由会员分享，可在线阅读，更多相关《WebView控件基本使用.doc（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、WebView控件基本使用这一期创新，我们来谈谈浏览器控件即WebView。先说什么是webView控件吧。WebView是一个浏览器控件，通过这个控件可以直接访问网页，或者把输入的HTML字符串显示出来，功能比较强大，有以下几个优点： 1、功能强大，支持CSS，Java script等HTML语言，这样页面就能更漂亮。2、能够对浏览器控件进行非常详细的设置，比如字体大小，背景色，滚动条样式等等。3、能够捕捉到所有浏览器操作，比如点击URL，打开或关闭URL4、能够很好的融入布局。5、甚至webView还能和JS进行交互。 在使用webView时，我们要先取得一个webView实例，如下： W

2、ebView browser=(WebView)findViewById(R.id.webkit);取得实例后，我们要给browser定义一下WebSettings，WebSettings是WebView的具体设置类，可以对WebView进行非常详细的设置。WebSettings bs = browser.getSettings(); 取得了webView设置对象。下面开始设置浏览器控件，几个最常用的设置如下： 1、bs.setSupportMultipleWindows(false); 浏览器不支持多窗口显示，意思就是说所有页面在单一窗口打开，这样避免了页面布局控制显示问题，也便于操作控制页

3、面。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。其他比如设置字体

4、等更不必详说，通过设置我们可以获得一个我们需要的浏览器窗口。 接着，我们还需一个类来继承WebViewClient，这个类用来监控浏览器的一系列事件。webNotify wn = new webNotify(); browser.setWebViewClient(wn) ; 下面列举比较常用的4个事件： 1，接收到Http请求的事件onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) 2，打开链接前的事件public boolean shouldOverrideUr

5、lLoading(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,

6、String url, Bitmap favicon) 这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。 通过这几个事件，我们可以很轻松的控制程序操作，一边用着浏览器显示内容，一边监控着用户操作实现我们需要的各种显示方式，同时可以防止用户产生误操作。 最后我们的浏览器设置好了，可以监控操作了，于是打开一个网址：browser.loadUrl( 当然也可以是自己设定的一段html字符串，当然你的URL要符合规范。browser.loadDataWithBaseURL（） 如何和JS进行交互到这里基本的webView的基本使用介绍完毕，接下

7、来我们来讨论一下webView如何与JS进行交互，这个功能非常强大，能够做出很多意想不到的事情。 首先我们在页面里有这么一段JS代码： function wave() document.getElementById(droid).src=android_waving.png; Click me! function wave()就是我们要调用的函数，首先要让browser能与页面进行交互bs.setJavaScriptEnabled(true);（ 让浏览器支持JS）接着： browser.addJavascriptInterface(new Object() public void click

8、OnAndroid() 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.d

9、emo访问到绑定的java对象了。 到此为止，我们就能在自己的浏览器里实现html页面里面的js 代码了，具体能实现什么功能这里就不做详细举例了，实用中就会发现，这个功能很强大。3控 大很本能使，发中例详就这功现具了 的面 现器自就，了象 到 . : 接可就页 在 化这 用 就象 对 一象 法，法 点 ) ) ) : ( . ( ) . )( ) 着 支浏; 面能 ，数要们( / 码代一有面在情情想很做大非个互进 如 论们下接介使 本交 ） 范合 然符 段定自以; / ( 址个打，操监了设览 作操生用可式显各们现户控一容器浏边作制的很们事应应待程诉面 定这可常用面入就件 , 事始面作动程条 以我于完面道我理 事成页入的必是序一操的义进，消，开可就，殊特取如比多可数 ( . 事的开) , 事求 到件个用常;) )( 件列一浏来类 继个还口窗览们一以们设，不等设 是 载下均有存取 _ 模模的 模缓认 缓本只 _ 下上从缓地 _ _种为，存）（ 显像阻是) .放行以面; .面页操也题制布面免开口在有是思示窗不; ( 下置用个，器设始象对 了取 置设详进 以，体 一 给们例) 下，例 个先，时 互行 还 局入好 或打 比作览到捕等式条色景体比，细非件浏亮漂面样言 等 ， ，点优下，比能出符 的输或问接可个，器浏 吧件 先 件览们新