詳解Android JS相互調(diào)用
最近在研究Android、JS相互調(diào)用,之前沒怎么接觸過,只知道loadUrl()就可以加載一個網(wǎng)頁了,研究過之后發(fā)現(xiàn)Android可以調(diào)JS,JS也可以調(diào)Android原生控件,很開心啊。下面小編就開始嘍:
原理就是Java和JS調(diào)用,在Android中是通過WebView來實現(xiàn)的。
下面先說一下簡單的Android和JS相互調(diào)用
- 首先通過loadurl()來加載網(wǎng)頁
- WebView開啟JS腳本執(zhí)行
- Android端提供JS調(diào)用的交互接口
簡單的看一下代碼:
mWebView=(MyWebView)findViewById(R.id.wv_container_information);
mWebSetting = mWebView.getSettings();
mWebSetting.setJavaScriptEnabled(true);
//js調(diào)用Android中的方法
mWebView.addJavascriptInterface(this, "XXX");//XXX未html中的方法
/**
* 客戶端提供send_comment方法被js調(diào)用
* by:chenhe at:2015/09/28
*
* @param uuid uuid
* @param fun_name 調(diào)用的方法名
* @param json js給客戶端的json
*/
@JavascriptInterface
public void send_comment(final String uuid, final String fun_name, final String json) {
new Thread(new Runnable() {
@Override
public void run() {
commend = CommandFactory.getInstance().createCommand(fun_name);
if (commend != null) {
commend.setFun_name(fun_name);
commend.setmHandler(mHandler);
commend.setParam(json);
commend.setUuid(uuid);
commend.setWebView(mWebView);
commend.do_result(context);
}
}
}).start();
}
這里通過mWebView.addJavascriptInterface()實現(xiàn)調(diào)用JS中的方法,也就是說第二個參數(shù)為網(wǎng)頁中的方法叫XXX();它里面的參數(shù)則為我下面send_command();方法中的參數(shù)然后我再做一些操作。最后通過loadurl();就實現(xiàn)調(diào)用了。很簡答相信大家也都會用,也都用過,那么下面給大家詳細介紹一下怎樣通過這樣的調(diào)用來實現(xiàn)JS調(diào)用Android端的一些控件。
步驟
- 首先JS調(diào)用客服端的某個方法,將需要的參數(shù)傳遞過來
- 然后客戶端根據(jù)JS的需求去執(zhí)行相關操作
- 執(zhí)行完操作之后回掉JS方法
具體實現(xiàn)
第一步就是上面所描述的過程
這里省略了(其中fun_name就是JS要調(diào)的方法名字舉個例子:比如它想要客戶端實現(xiàn)彈出Dialog,那么web端定義一個方法名為:popup.alert)
客服端通過方法名字來執(zhí)行相關操作
通過方法名我們本地去彈出Dialog,或者根據(jù)服務器返回的json數(shù)據(jù)來執(zhí)行一些其他復雜的操作,我這里就不具體說明了,可以有很多,比如打開通訊錄選擇聯(lián)系人、獲取手機唯一標識符、設置導航欄、、彈出日期選擇框等等。
執(zhí)行完相關操作再回調(diào)JS的方法將信息返回給JS
比如上面的打開通訊錄選擇聯(lián)系人之后我們可以將聯(lián)系人的手機號姓名等屬性通過Json返回給JS。
大體思路就是這樣,看一下代碼:
@JavascriptInterface
public void send_comment(final String fun_name, final String json) {
//根據(jù)fun_name處理不同業(yè)務
new Thread(new Runnable() {
@Override
public void run() {
//注意此處必須是異步處理
JSONObject jsonObject = null;
try {
jsonObject = new JSONObject(json);
} catch (JSONException e) {
e.printStackTrace();
}
String title = jsonObject.optString("title");
String message = jsonObject.optString("message");
//TODO:根據(jù)message執(zhí)行相關操作
Message msg = new Message();
msg.what = 0;
msg.obj = jsonObject;
handler.senMessage(msg);
}
}).start();
}
/**
* 回掉JS方法將處理信息返回給JS
* @param isSuccess
* @param json
*/
public void returnToJs(final boolean isSuccess, final JSONObject json){
Log.d("----", "javascript:app_result('" + isSuccess + "','" + json.toString() + "')");
String data = "javascript:app_result('" + isSuccess + "','" + json.toString() + "')";
webView.loadUrl(data);
}
private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
if (msg.what==0){
//TODO:執(zhí)行相關操作
returnToJs(true, (JSONObject) msg.obj);
}
}
};
這樣就實現(xiàn)了基本的JS調(diào)Android原生控件了,主要是和JS配合好就能完美實現(xiàn)了,現(xiàn)在好多的APP都用的這種方式來實現(xiàn)。所以說弄清楚這一塊很有必要,其實也沒什么,說是JS調(diào)用Android,其實就是Android這邊提供一個java接口來loadurl()就可以。
以上就是為大家分享的Android JS相互調(diào)用的具體方法,希望對大家的學習有所幫助。
相關文章
在Android Studio中Parcelable插件的簡單使用教程
下面小編就為大家分享一篇在Android Studio中Parcelable插件的簡單使用教程,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
Android 監(jiān)聽手機GPS打開狀態(tài)實現(xiàn)代碼
這篇文章主要介紹了Android 監(jiān)聽手機GPS打開狀態(tài)實現(xiàn)代碼的相關資料,需要的朋友可以參考下2017-05-05
Kotlin自定義實現(xiàn)支付密碼數(shù)字鍵盤的方法實例
這篇文章主要給大家介紹了關于Kotlin如何自定義實現(xiàn)支付密碼數(shù)字鍵盤的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
android基于SwipeRefreshLayout實現(xiàn)類QQ的側滑刪除
本篇文章主要介紹了android基于SwipeRefreshLayout實現(xiàn)類QQ的側滑刪除,非常具有實用價值,需要的朋友可以參考下2017-10-10
Android布局之絕對布局AbsoluteLayout詳解
這篇文章主要為大家詳細介紹了Android布局之絕對布局AbsoluteLayout的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10

