WebView控件基本使用2_第1页
WebView控件基本使用2_第2页
WebView控件基本使用2_第3页
WebView控件基本使用2_第4页
WebView控件基本使用2_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

/WebView控件基本使用这一期创新，我们来谈谈浏览器控件即WebView。先说什么是webView控件吧。WebView是一个浏览器控件，通过这个控件可以直接访问网页，或者把输入的HTML字符串显示出来，功能比较强大，有以下几个优点：1、功能强大，支持CSS，Javascript等HTML语言，这样页面就能更漂亮。2、能够对浏览器控件进行非常详细的设置，比如字体大小，背景色，滚动条样式等等。3、能够捕捉到所有浏览器操作，比如点击URL，打开或关闭URL4、能够很好的融入布局。5、甚至webView还能和JS进行交互。在使用webView时，我们要先取得一个webView实例，如下：WebViewbrowser=(WebView)findViewById(R.id.webkit);取得实例后，我们要给browser定义一下WebSettings，WebSettings是WebView的具体设置类，可以对WebView进行非常详细的设置。WebSettingsbs=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，这个类用来监控浏览器的一系列事件。webNotifywn=newwebNotify();browser.setWebViewClient(wn);下面列举比较常用的4个事件：1，接收到Http请求的事件onReceivedHttpAuthRequest(WebViewview,HttpAuthHandlerhandler,Stringhost,Stringrealm)2，打开链接前的事件publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){view.loadUrl(url);returntrue;}在这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。3，载入页面完成的事件publicvoidonPageFinished(WebViewview,Stringurl){}同样道理，我们知道一个页面载入完成，于是我们可以关闭loading条，切换程序动作。4，载入页面开始的事件publicvoidonPageStarted(WebViewview,Stringurl,Bitmapfavicon){}这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。通过这几个事件，我们可以很轻松的控制程序操作，一边用着浏览器显示内容，一边监控着用户操作实现我们需要的各种显示方式，同时可以防止用户产生误操作。最后我们的浏览器设置好了，可以监控操作了，于是打开一个网址：browser.loadUrl("");当然也可以是自己设定的一段html字符串，当然你的URL要符合规范。browser.loadDataWithBaseURL（）如何和JS进行交互到这里基本的webView的基本使用介绍完毕，接下来我们来讨论一下webView如何与JS进行交互，这个功能非常强大，能够做出很多意想不到的事情。首先我们在页面里有这么一段JS代码：<html><scriptlanguage="javascript"> functionwave(){document.getElementById("droid").src="android_waving.png"; }</script><body> <a><imgid="droid"src="android_normal.png"/><br>Clickme!</a></body></html>functionwave()就是我们要调用的函数，首先要让browser能与页面进行交互bs.setJavaScriptEnabled(true);（让浏览器支持JS）接着：browser.addJavascriptInterface(newObject(){publicvoidclickOnAndroid(){mHandler.post(newRunnable(){publicvoidrun(){mWebView.loadUrl("javascript:wave()");}});}},"index");这里的重点就是addJavascriptInterface(Objectobj,StringinterfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是interfaceName，作用域是Global。这样初始化webvi

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论