這次帶給大家怎麼在Android開發中與js進行交互,Android開發中與js進行交互的注意事項有哪些,以下就是實戰案例,一起來看一下。
我們在開發Android應用程式的時候,很多的時候需要跟網頁打交道,假如我們現在在做一個外賣app,在app首頁會有一個輪詢的廣告位,我們點擊其中一項會跳前往一個wap網頁,在這個網頁裡可能會有幾個餐廳的推廣信息,在用戶點擊某個餐廳後,我們希望跳出wap頁面展示餐廳的詳情,這個時候就需要用到js調用java代碼來實現了。再或者,如果我們需要在wap頁中進行分享可能也需要用js呼叫java程式碼來執行分享的操作。類似這樣的場景很多,如果我們需要實作這種功能,就要了解java和js之間的互動的方法。
WebView的使用
我們在Android中如果希望展示一個網頁,基本上都會使用WebView這個元件,它的基本上使用也很簡單,假如我們希望載入百度首頁,可以像下面這樣寫: 首先在layout檔案中進行宣告
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" /></RelativeLayout>
然後在java檔案中進行使用
WebView webView = (WebView) findViewById(R.id.web_view); webView.loadUrl("http://www.baidu.com");
同時,WebView也允許我們對一些預設設定進行修改,例如,我們希望啟動對javascript的支援並且可以進行縮放,就需要做以下設定:
// 启用javascriptwebView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setUseWideViewPort(true);//是否可以缩放webView.getSettings().setSupportZoom(true); webView.getSettings().setBuiltInZoomControls(true);if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { getSettings().setDisplayZoomControls(false); }
但是,如果我們想要在頁面載入的時候處理各種通知、請求事件,或監聽頁面的載入進度等,就需要用到另外兩個類別:WebViewClient 和WebChromeClient。其中,WebViewClient 主要用來監聽通知或要求事件,我們在開發中可能會用到的方法主要是下面幾個:
onPageStarted
onPageFinished
onReceivedError
shouldOverrideUrlLoading
而WebChromeClient 則用來處理javascript、網站圖示、網站title和載入進度等,我們在使用微信時,如果開啟一個網頁,會看到它的上面有一條綠色的進度條,這個功能就是透過重寫WebChromeClient 的onProgressChanged方法來實現的:
public class CustomWebClient extends WebChromeClient { @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress == 100) { mProgressBar.setVisibility(GONE); } else { if (mProgressBar.getVisibility() == GONE) { mProgressBar.setVisibility(VISIBLE); } mProgressBar.setProgress(newProgress); } super.onProgressChanged(view, newProgress); } }
除此之外,WebView還提供了直接運行javascript的功能,例如,我們可以簡單的彈出一個對話框:
webView.loadUrl("javascript:alert(\"提示信息!\");");
當然,如果我們想要執行js,那麼必須滿足兩個條件,第一個是在設定中開啟javascript支持,即需要調用setJavascriptEnabled(true),第二個是需要設定WebChromeClient,兩者缺一不可。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
JavaScript基礎心法 資料型別
JS程式碼怎麼實作記住帳號密碼
以上是如何在Android開發中與js進行交互的詳細內容。更多資訊請關注PHP中文網其他相關文章!