WebView控件基本使用.pptxVIP

学 海 无 涯 WebView 控件基本使用 1 这一期创新，我们来谈谈浏览器控件即 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。 其他比如设置字体等更不必详说，通过设置我们可以获得一个我们需要的浏览器窗口。 2 学 海 无 涯 接着，我们还需一个类来继承 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(/); 当然也可以是自己设定的一段 html 字符串，当然你的 URL 要符合规范。 browser.loadDataWithBaseURL（） 如何和JS 进行交互 到这里基本的 webView 的基本使用介绍完毕，接下来我们来讨论一下 webView 如何与 JS 进行交互，这个功能非常强大，能够做出很多意想不到的事情。 首先我们在页面里有这么一段 JS 代码： html scrip