WebView控件基本使用.doc

WebView控件基本使用這一期創(chuàng)新，我們來談?wù)劄g覽器控件即WebView。先說什么是webView控件吧。WebView是一個瀏覽器控件，通過這個控件可以直接訪問網(wǎng)頁，或者把輸入的HTML字符串顯示出來，功能比較強大，有以下幾個優(yōu)點： 1、功能強大，支持CSS，Java script等HTML語言，這樣頁面就能更漂亮。2、能夠?qū)g覽器控件進(jìn)行非常詳細(xì)的設(shè)置，比如字體大小，背景色，滾動條樣式等等。3、能夠捕捉到所有瀏覽器操作，比如點擊URL，打開或關(guān)閉URL4、能夠很好的融入布局。5、甚至webView還能和JS進(jìn)行交互。 在使用webView時，我們要先取得一個webView實例，如下： WebView browser=(WebView)findViewById(R.id.webkit);取得實例后，我們要給browser定義一下WebSettings，WebSettings是WebView的具體設(shè)置類，可以對WebView進(jìn)行非常詳細(xì)的設(shè)置。WebSettings bs = browser.getSettings(); 取得了webView設(shè)置對象。下面開始設(shè)置瀏覽器控件，幾個最常用的設(shè)置如下： 1、bs.setSupportMultipleWindows(false); 瀏覽器不支持多窗口顯示，意思就是說所有頁面在單一窗口打開，這樣避免了頁面布局控制顯示問題，也便于操作控制頁面。2、bs.setSupportZoom(false); 頁面是否可以進(jìn)行縮放。3、bs.setBlockNetworkImage(false)； 是否阻止圖像的顯示4、bs.setCacheMode（）；設(shè)置緩存的模式，分為幾種：LOAD_CACHE_ELSE_NETWORK 當(dāng)本地沒有緩存時，從網(wǎng)上下載 LOAD_CACHE_ONLY 只讀取本地緩存 LOAD_DEFAULT 默認(rèn)的緩存模式 LOAD_NORMAL 一般的緩存模式 LOAD_NO_CACHE 不讀取緩存，所有內(nèi)容均從網(wǎng)絡(luò)下載。 5、bs.setJavaScriptEnabled(flag)；是否支持JS。其他比如設(shè)置字體等更不必詳說，通過設(shè)置我們可以獲得一個我們需要的瀏覽器窗口。 接著，我們還需一個類來繼承WebViewClient，這個類用來監(jiān)控瀏覽器的一系列事件。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; 在這個函數(shù)我們可以做很多操作，比如我們讀取到某些特殊的URL，于是就可以不打開地址，取消這個操作，進(jìn)行預(yù)先定義的其他操作，這對一個程序是非常必要的。 3，載入頁面完成的事件public void onPageFinished(WebView view, String url) 同樣道理，我們知道一個頁面載入完成，于是我們可以關(guān)閉loading條，切換程序動作。 4，載入頁面開始的事件public void onPageStarted(WebView view, String url, Bitmap favicon) 這個事件就是開始載入頁面調(diào)用的，通常我們可以在這設(shè)定一個loading的頁面，告訴用戶程序在等待網(wǎng)絡(luò)響應(yīng)。 通過這幾個事件，我們可以很輕松的控制程序操作，一邊用著瀏覽器顯示內(nèi)容，一邊監(jiān)控著用戶操作實現(xiàn)我們需要的各種顯示方式，同時可以防止用戶產(chǎn)生誤操作。 最后我們的瀏覽器設(shè)置好了，可以監(jiān)控操作了，于是打開一個網(wǎng)址：browser.loadUrl(/); 當(dāng)然也可以是自己設(shè)定的一段html字符串，當(dāng)然你的URL要符合規(guī)范。browser.loadDataWithBaseURL（） 如何和JS進(jìn)行交互到這里基本的webView的基本使用介紹完畢，接下來我們來討論一下webView如何與JS進(jìn)行交互，這個功能非常強大，能夠做出很多意想不到的事情。 首先我們在頁面里有這么一段JS代碼： function wave() document.getElementById(droid).src=android_waving.png; Click me! function wave()就是我們要調(diào)用的函數(shù)，首先要讓browser能與頁面進(jìn)行交互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后，在webv