Android---WebView(網頁中文本框調用系統聯系人號碼)

編輯：Android開發實例

今天和同事共同討論了一個關於WebView中的文本控件去獲得系統聯系人的功能，之前單純的以為只是點擊文本框的時候彈出系統聯系人Activity就ok了。立馬浮現的想法就是在java方法中實現跳轉功能，然後通過Js事件調用java方法，後面才知道選中某個聯系人之後還要獲得聯系人號碼賦給文本框。當時我就單純的以為應該實現不了吧，但後來同事一提醒，如果傳遞號碼作為客戶端頁面一個Js事件的參數然後為文本框賦值的話咧。這樣確實是可行的，但java調用客戶端Js的方法入口在哪裡咧（必須是在關閉系統聯系人之後，重現展現含有WebView的Activty時調用），說到這裡應該有部分人會想到一個方法：onActivityResult()；對就是這個方法在關閉系統聯系人Activity之後會回調。但前提是調用系統聯系人時是startActivityForResult();

整個思路就是這樣的下面貼一些具體代碼：

Java代碼：（1）點擊文本框時調用Java方法彈出系統聯系人（怎樣Js調用Java方法在下面的Js代碼中）

        // 與網頁進行交互的addJavascriptInterface()的方法
        browser.addJavascriptInterface(new Object() {
            @SuppressWarnings("unused")
            public void getContacts() {
                Intent i1 = new Intent(Intent.ACTION_PICK,
                        android.provider.Contacts.People.CONTENT_URI);
                startActivityForResult(i1, CODE_PHONEBOOK);

            }
        }, "xxxxxxxx");

（2）獲得聯系人之後調用客戶端Js[setText(var value)]方法為文本框賦值

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        // TODO Auto-generated method stub
        Cursor c = null;
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == CODE_PHONEBOOK) {// 電話本
            try {
                if (data != null) {
                    c = getContentResolver().query(data.getData(), null, null,
                            null, null);
                }
                if (c != null) {
                    c.moveToFirst();
                    for (int i = 0; i < c.getColumnCount(); i++) {
                        String name = c.getColumnName(i);
                        String phoneNum = c.getString(i);
                        if (name.equalsIgnoreCase("number")) {
                            currentWebView.loadUrl("javascript:setText('"
                                    + phoneNum + "')");
                            break;
                        }
                    }
                    c.close();
                }
            } catch (Exception e) {
                e.getMessage();
            }
        }
    }

客戶端Js代碼：

<html>
<head>
<script language="javascript" type="text/javascript">
function setText(xx){
    document.getElementById('test').value=xx;
}
</script>
</head>
<body>
<input id="test" type="text" onclick="javascript:window.xxxxxxxx.getContacts()" />
</body>
</html>

上一頁:Bing Maps Android SDK Released
下一頁:Android--手勢識別之GestrueDetector

Android開發實例